Webpack2學習記錄-2

這篇在 webpack-demo 目前下新建一個 w2 目錄，學習 webpack.config.js 及 與 npm scripts 的使用。

 

一、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 文件便可，減小在命令行輸入過多參數。

 

二、package.json 中加一行

這時能夠結合npm命令來使用 webpack 了。

 

三、cd 到 w2 執行 npm run build

 

能夠看到 w2 下生成了一個 dist 目錄， 和 w1 同樣。

 

四、打開 index.html ，效果和 w1 同樣。