今天要寫的是關(guān)于webpack的兩個(gè)插件的使用

• html-webpack-plugin和open-browser-webpack-plugin

const HtmlWebpackPlugin = require('html-webpack-plugin');
const OpenBrowserPlugin = require('open-browser-webpack-glugin');
module.exports = {
  entry: 'index.js',
  output: {
    filename: 'bundle.js'
  },
  plugins: [
    new HtmlWebpackPlugin(),
    new OpenBrowserPlugin({
      url: 'http://localhost:8080'
    })
  ],
};

webpack.config.js變成上面的內(nèi)容之后，當(dāng)你啟動(dòng)webpack的時(shí)候就會(huì)自動(dòng)生成一個(gè)index.html的文件，同時(shí)瀏覽器會(huì)自動(dòng)打開(kāi)localhost:8080。

值得注意的是項(xiàng)目中必須要安裝webpack，或者可以加上webpack-dev-server，使用yarn和npm安裝皆可