Vue Cli 3自定义输出块和路径

时间:2019-04-10 03:54:56

标签: vue-cli-3

我有一个使用Vue Cli 3创建的新项目。我的vue.config.js是自定义的并且可以正常工作。

问题

1)当前构建生成了chunk-vendors.js(想将其重命名为其他版本,例如vendors.js)

2)当前将输出生成到wwwroot / scripts(预期),但创建js / css文件夹。希望将css和js的自定义路径输出到不同的文件夹名称,而不是js / css。

// vue.config.js
const pages = {
  app: {
        entry: "./src/main"
    },
  page1: "./src/views/Page1/index"
};

module.exports = {
    runtimeCompiler: true,
    outputDir: "../wwwroot/scripts/",
    pluginOptions: {
        sourceDir: "ClientApp/"
    },
    // disable hashes in filenames
    filenameHashing: false,
    pages: pages,
    // delete HTML related webpack plugins
    chainWebpack: config => {
        Object.keys(pages).forEach(page => {
            config.plugins.delete(`html-${page}`);
            config.plugins.delete(`preload-${page}`);
            config.plugins.delete(`prefetch-${page}`);
        });
    }
};

当前生成的文件

wwwroot/scripts/js/app.js
wwwroot/scripts/js/chunk-vendors.js
wwwroot/scripts/js/page1.js
wwwroot/scripts/css/css.css

很高兴能指出正确的方向。

0 个答案:

没有答案