Bootstrap

【自记】怎么让Vue打包的文件全部输出到同一个文件夹

查看是否存在vue.config.js 文件, 如果不存在就百度一下,怎么添加vue.config.js 文件

然后在vue.config.js文件中添加配置

module.exports = {
  chainWebpack: config => {
      if (process.env.NODE_ENV === 'production') {

          let Version = new Date().getTime();
          // 清除css,js版本号
          config.output.filename('[name].js').end();
          config.output.chunkFilename('[name].js').end();
          // 为生产环境修改配置...
          config.plugin('extract-css').tap(args => [{
              filename: `[name].css`,
              chunkFilename: `[name].css`
          }])
          config.module
            .rule('images')
            .test(/\.(png|jpe?g|gif|webp)(\?.*)?$/)
            .use('url-loader')
            .loader('url-loader')
            .tap(options => {
            // 修改它的选项...
            options.fallback.options.name = '[name].[ext]?' + Version;  
            return options
          });
          config.module
            .rule('svg')
            .test(/\.(svg)(\?.*)?$/)
            .use('file-loader')
            .loader('file-loader')
            .tap(options => {
            options.name = '[name].[ext]?' + Version; //去除图片hash 
            return options
          });
      }
  },
.......省略其他配置

}

;