vue单文件组件1（webpack打包）

module.exports = {
    entry: {
        vendor: ["Vue", "Vuex", "vue-router"],
        app: "./src/js/app.js",
    },
    output: {
        path: path.resolve("production"),
        filename: "js/[name].bundle.js",
    },
    plugins: [ //插件
　　　　 //要使用某个插件，我们需要通过npm安装它
        new CleanWebpackPlugin([path.resolve(__dirname, 'production')]),
　　　　 //依据一个简单的模板，帮你生成最终的Html5文件，这个文件中自动引用了你打包后的JS文件
        new HtmlWebpackPlugin({
            title: "招管家",
            template: path.resolve(__dirname, 'src/index.html')
        })
    ],
    devServer: { //本地开发服务器
         contentBase: './production',
　　　　　port: 9001 //监听端口
    },
}

//webpack.config.js
const path = require("path");
const htmlWebpackPlugin=require('html-webpack-plugin');

module.exports = {
    //entry: './src/script/main.js',
    //entry: ['./src/script/main.js','./src/script/a.js'],
    entry: {
        main: './src/script/main.js',
        a: ['./src/script/a.js'],
        b: ['./src/script/b.js']
    },
    output: {
        path: path.resolve(__dirname, './dist'),
        filename: 'js/[name].bundle.js'
    },
    plugins: [
        new htmlWebpackPlugin({
            title: 'index.html',
            chunks:['main']
        }),
        new htmlWebpackPlugin({
            title: 'a.html',
            template: 'src/htmls/a.html',
            filename: 'htmls/a.html',
            chunks:['a']
        }),
        new htmlWebpackPlugin({
            title: 'b.html',
            template: 'src/htmls/b.html',
            filename: 'htmls/b.html',
            chunks:['b']
        }),
    ]
}