fe-real-cli/dist/webpack.build.js

FE脚手架CLI工具

'use strict';

const VueLoaderPlugin = require('vue-loader/lib/plugin'); //引入vue-loader库
const HtmlWebpackPlugin = require('html-webpack-plugin');
const path = require('path');
module.exports = {
    mode: 'production', // production
    entry: './src/index.ts', // 入口文件
    output: {
        filename: '[name].[hash].js',
        path: process.cwd() + '/dist',
        publicPath: '/'
    },
    module: {
        rules: [{
            test: /\.vue$/,
            use: 'vue-loader'
        }, //vue加载器
        {
            test: /\.tsx?$/,
            loader: 'ts-loader', //ts加载器
            options: {
                transpileOnly: true,
                appendTsSuffixTo: [/.vue$/] //认识vue文件

            } }, {
            test: /\.(css|less)$/,
            loader: 'vue-style-loader!less-loader!css-loader' //css加载器
        }]
    },
    plugins: [new VueLoaderPlugin() //vue-loader插件加载方式
    , new HtmlWebpackPlugin({ //此部分新增加
        template: './public/index.html', //需要自动注入的模板的文件名称
        inject: true //是否自动注入生成后的文件
    })],
    devtool: '#eval-source-map'
};