通过vue-cli-service构建来构建vue项目,而不会丢失。在文件路径中

时间:2018-11-30 16:34:06

标签: javascript vue.js webpack

我的Vue项目已完成。 当我运行脚本“ npm run build”(即“ vue-cli-service build”)时,可以获得一包输出文件。 但是在index.html文件中,所有js和css文件的路径都不正确。 例如:

@echo $(patsubst $(dist_directory)/%,%,$@)

正确的应该是:

<script src=js/chunk-vendors.40fba41b.js>

我用Google搜索了很多。有人说要修改webpack的配置,我发现这是不可能的,因为vue-cli3不提供这样的配置文件。有人说可以这样,可以通过在vue.config.js文件中添加baseurl来完成:

<script src="./js/chunk-vendors.40fba41b.js">

当我将baseUrl设置为“ ./”时,问题仍然存在。 当我将baseUrl更改为“ somecode /”时,输出文件将是:

module.exports = {
    baseUrl: "./",
}

我真的很困惑。 为什么以及如何解决此问题? 预先感谢。

1 个答案:

答案 0 :(得分:1)

将baseurl设置为“ ././”

完整的vue.config.js文件:

module.exports = {
    baseUrl: "././",
}

参考:https://github.com/vuejs/vue-cli/issues/2595#issuecomment-424570482