vue项目用webpack打包想要修改静态资源路径等,找到项目根目录下的配置文件夹,打开该文件夹下的index.js文件,默认如下:
//见http://vuejs-templates.github。io/webpack文档。
var路径=要求(“路径”)
模块。出口={
构建:{
env:要求(’。/prod.env '),
指数:路径。解决(__dirname . ./dist/index . html),
assetsRoot:路径。解决(__dirname“. ./dist”),
assetsSubDirectory:“静态”,
assetsPublicPath: '/',
productionSourceMap:没错,//默认Gzip关闭等许多流行的静态主机//增加或Netlify已经gzip所有静态资产。//设置为‘真’之前,确保://npm安装——save-dev compression-webpack-plugin
productionGzip:假的,
productionGzipExtensions:“js”、“css”,//运行构建命令和一个额外的参数//查看包分析器建造完成后的报告://皀pm运行构建,报告”//设置为“真”或“假”总是打开或关闭
bundleAnalyzerReport: process.env.npm_config_report
},
戴夫:{
env:要求(’。/dev.env '),
端口:8080
autoOpenBrowser:没错,
assetsSubDirectory:“静态”,
assetsPublicPath: '/',
proxyTable: {},//默认CSS Sourcemaps关闭,因为相对路径是“车”//这个选项,根据CSS-Loader README//(https://github.com/webpack/css-loader # sourcemaps)//在我们的经验中,他们通常按预期工作,//只是意识到这个问题时启用这个选项。
cssSourceMap:假
}
}
之前
<强>其中build.index: 强必须是本地文件系统上的绝对路径。会生成index . html文件。
<强> build.assetsRoot: 强必须是本地文件系统上的绝对路径。
<强> build.assetsSubDirectory: 编译出来的资源文件。
<强> build.assetsPublicPath: 【资源的根目录】,这是通过http服务器运行的url路径。默认情况下,是根目录(/)。如果后台对静态资源url前缀要求,则需要改变这个路径。
<强>构建。productionSourceMap: 在构建生产环境版本时是否开启源地图。
以上这篇修改vue + webpack运行构建的路径方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
