chainWebpack 和 htmlWebpackPlugin搭配使用


const HtmlWebpackPlugin = require('html-webpack-plugin');


...

chainWebpack: config => {
    config
        .plugin('html')
            .use(HtmlWebpackPlugin)
            .tap(options  => {
                options.BASE_URL = 'sss'
                options.template = __dirname + '/public/index.html'
                options.title = 'sssssssssssss'
            return options
            })        
    }

注意看vue-cli3引用的html-webpack-plugin默认配置

 constructor (options) {
    // Default options
    this.options = _.extend({
      template: path.join(__dirname, 'default_index.ejs'),
      templateParameters: templateParametersGenerator,
      filename: 'index.html',
      hash: false,
      inject: true,
      compile: true,
      favicon: false,
      minify: false,
      cache: true,
      showErrors: true,
      chunks: 'all',
      excludeChunks: [],
      chunksSortMode: 'auto',
      meta: {},
      title: 'Webpack App',
      xhtml: false
    }, options);
  }

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM