vue.js - 在生产构建中更改 js 和 css 文件的文件路径
问题描述
我需要一些帮助,或者至少需要指出正确的方向。我正在尝试使用 Vue CLI 3 部署一个 vuejs 应用程序。当我运行构建命令时,文件被构建到 dist 文件夹中,它工作正常。dist 中还有一个 js 和 css 文件夹,其中包含相应的文件。在我的 index.html 中,路径被创建为 /css/app.css 或 /js/app.js。我希望将文件与 index.html 以及简单读取 app.css 或 app.js 的路径一起放在 dist 文件夹中。我的目标是删除 /css/。
我假设这是通过配置 webpack 在 vue.config.js 中完成的。我似乎无法弄清楚这一点。我了解 baseURL 设置,但我可以弄清楚这部分......任何帮助将不胜感激。
谢谢
解决方案
它在这里得到了回答 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',
}
}
};
推荐阅读
- linux-kernel - perf_event_mmap_page 没有名为 data_size 的成员
- c# - C1TrueDBGrid 列页脚错误“输入字符串格式不正确”
- reactjs - 通过 Apache 反向代理访问 React 开发环境
- c++ - 使文件在 Windows 中可写
- sql - 根据 IIF 语句的结果插入
- rust - Actix-Web 处理程序的“错误 E0477:类型不满足所需的生命周期”
- cluster-analysis - 从最小生成树java聚类
- python - TypeError:“NoneType”对象不可迭代,pygame
- node.js - Heroku 提示无法获取 nodejs 的错误
- oracle11g - 如何通过 Oracle 中的 UTL_ENCODE.BASE64_ENCODE 函数将 RAW 编码为其 BASE64 格式