菜鸟教程学习Webpack

菜鸟教程学习Webpack

电脑windows环境安装Webpack遇到了问题,暂未在webstorm上操作实践 目前只尝试过使用yarn build,大概知道Webpack打包压缩各类文件用于生产环境

Webpack 是什么?Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。

安装 Webpack

npm install webpack -g

webpack 命令来打包js文件

webpack 原文件.js 打包后的文件.js

webpack命令打包css 先安装css-loader和style-loader require CSS 文件的时候都要写 loader 前缀 !style-loader!css-loader!

npm install css-loader style-loader

然后一样使用

webpack 原文件.js 打包后的文件.js

或者直接写

webpack 原文件.js 打包后的文件.js --module-bind 'css=style-loader!css-loader'