Webpack2 Study Record-2

This article creates a new W2 directory under Webpack-demo, learning webpack.config.js and the use of NPM scripts.

1, W2 under a new webpack.config.js, the contents are as follows

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

This is the W2 directory for

At this point, you can execute the webpack command directly at the command line, some configuration parameters webpack.config.js file, reduce the command line to enter too many parameters.

2. Add a line to the Package.json

This can be combined with the NPM command to use the Webpack.

3. CD to W2 perform NPM run build

You can see that a dist directory is generated under W2, just like W1.

4, open index.html, the effect and w1 the same.

Webpack2 Study Record-2