Vue Cli 3.0 如何将 build 出来的文件整理到以前的 static 目录中?

2018-05-16 19:19:50 +08:00
 hoythan

项目从旧版的 cli 换到了 新版。配置好了以后发现 build 出来的项目代码全部散落在外面,不像之前的版本除了 index.html 外的文件都在 static 目录下,因为服务器要设置伪静态等规则,所以会导致无法使用以及根目录杂乱的问题。

大家有配置过这个吗?应该如何修改

3581 次点击
所在节点    Vue.js
1 条回复
hoythan
2018-05-16 19:52:54 +08:00
已解决。
const path = require("path");
module.exports = {
lintOnSave: false,
productionSourceMap: false,
chainWebpack: chainableConfig => {
const inlineLimit = 10000;
const assetsPath = "static";
chainableConfig.module
.rule("images")
.test(/\.(png|jpe?g|gif)(\?.*)?$/)
.use("url-loader")
.loader("url-loader")
.options({
limit: inlineLimit,
name: path.join(assetsPath, `images/[name].[hash:8].[ext]`)
});
}
};

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/455389

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX