2017/05/10

今天要写的是关于webpack的两个插件的使用

• 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变成上面的内容之后，当你启动webpack的时候就会自动生成一个index.html的文件，同时浏览器会自动打开localhost:8080。

值得注意的是项目中必须要安装webpack，或者可以加上webpack-dev-server，使用yarn和npm安装皆可