在生成版本中更改js和css文件的文件路径

Question

我需要一些帮助，或者至少要指出正确的方向。我正在尝试使用Vue CLI 3部署vuejs应用程序。当我运行build命令时，文件内置到dist文件夹中，这很好。 dist中还有一个包含相应文件的js和css文件夹。在我的index.html中创建路径为/css/app.css或/js/app.js。我希望将文件与index.html一起放在dist文件夹中，并将路径简单地读取为app.css或app.js.我的目标是删除/ css /。

我假设这是通过配置webpack在vue.config.js中完成的。我似乎无法弄清楚这一点。我理解baseURL设置，但我可以想出这部分..任何帮助将不胜感激。

谢谢

Answer 1

在这里回答https://github.com/vuejs/vue-cli/issues/1967

基本配置应该是这样的

module.exports = {
  chainWebpack: (config) => {
    config.module
      .rule('images')
      .use('url-loader')
      .tap(options => Object.assign({}, options, {
        name: '[name].[ext]'
      }));
  },
  css: {
    extract: {
      filename: '[name].css',
      chunkFilename: '[name].css',
    },
  },
  configureWebpack: {
    output: {
      filename: '[name].js',
      chunkFilename: '[name].js',
    }
  }
};