vue-login-adder/webpack.config.js

a confirm plugin for vue

const VueLoaderPlugin = require('vue-loader/lib/plugin');
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
    devServer:{
        port:8000,
        progress:true,
        open:true
    },
    entry:'./src/lib/index.js',
    output:{
        path:path.join(__dirname,'./dist'),
        filename:'vue-confirm.js',
        libraryTarget:'umd',//指定打包出来的文件 格式 建议使用umd，可以打包出各种各样规范amd cmd commonjs 以及window全局变量来使用
        library:'vue-xixixi'//打包出来后的库的 名称
    },
    module:{
        rules:[
            {
                test: /\.vue$/,
                use:{
                    loader:'vue-loader'
                },
                exclude: /(node_modules|bower_components)/,
                include: path.join(__dirname,'src')
            },
            {
                test: /\.js$/,
                exclude: /(node_modules|bower_components)/,
                include:path.join(__dirname,'src'),
                use: {
                  loader: 'babel-loader',
                  options: {
                    presets: ['@babel/preset-env']
                  }
                }
            },
            {
                test: /\.scss$/,
                use: ["vue-style-loader", "css-loader", "sass-loader"]
            },
            {
                test: /\.css$/,
                use: ['vue-style-loader', 'css-loader']
            }
        ]
    },
    plugins:[
        new VueLoaderPlugin(),
        new HtmlWebpackPlugin({
            template:'./src/index.html',
            filename:'index.html'
        })
    ]
}