初学webpack

安装过程：切入文件夹

1、npm init

2、npm install webpack --save-dev

3、安装loader: npm install css-loader style-loader --save-dev

命令行打包：

webpack hello.js bundle.js --module-bind 'css=style-loader!css-loader' --watch

//css=style-loader!css-loader    ==>用来指定打包css的loader

//--watch     ==>自动打包

//也可以在package.json中的scripts属性中配置命令

4、安装插件：

npm install html-webpack-plugin --save-dev

并在webpack.config.js中引用： var htmlWebpackPlugin = require('html-webpack-plugin');

可以通过htmlWebpackPlugin插件给模板文件传参数，如下：