关于webpack

---恢复内容开始---

webpack 的安装

　　1.//全局安装npm install -g webpack

　　2.在项目中，npm init自动创建package.json文件（一切选项默认即可）

　　3.//安装到你的项目目录npm install --save-dev webpack

开始使用webpack：

　　新建hello.js,

　　在命令行输入webpack hello.js hello.bundle.js,则自动生成hello.bundle.js 的打包文件。

　　再建一个world.js，在hello.js中进行引用，在hello.bundle.js中会自动生成

　　处理css文件：webpack本身不支持css，需要安装loader作为依赖，安装命令为：

　　npm install css-loader style-loader --save-dev,并且给css文件指定相应的loader，并且引入时，

　　css-loader控制可以处理css文件，style-loader控制样式可以现在，会自动生成一个style标签。

直接在命令行输入：

webpack hello.js hello.bundle.js --module-bind 'css=style-loader!css-loader' --watch（文件自动改变自动更新）

 

 

---恢复内容结束---