fade-color-pictogram/build/webpack.demo.js

一个简单的渐变色象形图

const path = require('path')
const {VueLoaderPlugin}= require('vue-loader')
const HtmlWebpackPlugin = require('html-webpack-plugin')
module.exports={
  mode:process.env.NODE_ENV,
  entry:'./example/main.js',
  output:{
    filename:'[name].js'
  },
  module:{
    rules:[
      {
        test:/\.vue$/,
        loader:'vue-loader'
      },{
        test:/\.scss?$/,
        use:[
          'vue-style-loader',{
            loader:'css-loader',
            options:{
              esModule:false
            }
          },'sass-loader'
        ]
      }
    ]
  },
  plugins:[
    new VueLoaderPlugin(),
    new HtmlWebpackPlugin({
      template:'./example/index.html'
    })
  ],
  devServer:{
    static:'../example/dist/',
    hot:true
    // contentBase:path.resolve(__dirname,'../example/dist'),
    // port:8080
  },
  resolve:{
    alias:{
      main:path.resolve(__dirname,'../src')
    }
  }
}