Webpack2学习记录-2

这篇在 webpack-demo 目前下新建一个 w2 目录，学习 webpack.config.js 及 与 npm scripts 的使用。

 

1、w2 下新建一个 webpack.config.js，内容如下

var path = require('path');

module.exports = {
  entry: './app/index.js',
  output: {
    filename: 'bundle.js',
    path: path.resolve(__dirname, 'dist')
  }
};

 

这是 w2 目录为

这时就可以直接在命令行执行 webpack 命令了，一些配置参数 webpack.config.js 文件即可，减少在命令行输入过多参数。

 

2、package.json 中加一行

这时可以结合npm命令来使用 webpack 了。

 

3、cd 到 w2 执行 npm run build

 

可以看到 w2 下生成了一个 dist 目录， 和 w1 一样。

 

4、打开 index.html ，效果和 w1 一样。