Javascript 获取vuecli服务期间生成的js和css url
我试图在一个php项目中使用vuecli,我想在serve for hot reload期间获取js和css文件的url 在my package.json中,我添加了以下脚本Javascript 获取vuecli服务期间生成的js和css url,javascript,vue.js,vue-cli,Javascript,Vue.js,Vue Cli,我试图在一个php项目中使用vuecli,我想在serve for hot reload期间获取js和css文件的url 在my package.json中,我添加了以下脚本 "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build" }, 我还在vue.config.js中添加了
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build"
},
我还在vue.config.js中添加了以下内容
"use strict";
const WebpackAssetsManifest = require("webpack-assets-manifest");
const host = "0.0.0.0";
const port = 8081;
const path = require("path");
module.exports = {
outputDir:"web-assets",
productionSourceMap:false,
// delete HTML related webpack plugin
configureWebpack:function(config){
let obj = {
plugins : [
new WebpackAssetsManifest(),
]
};
if (process.env.NODE_ENV === "production") {
obj.optimization = {
splitChunks: {
chunks: "all",
minSize: 200000,
maxSize: 244000,
}
};
}
return obj;
},
publicPath: `http://${host}:${port}/`,
devServer: {
port,
host,
hotOnly: true,
disableHostCheck: true,
clientLogLevel: "warning",
inline: true,
headers: {
"Access-Control-Allow-Origin": "*",
"Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, PATCH, OPTIONS",
"Access-Control-Allow-Headers": "X-Requested-With, content-type, Authorization"
},
watchOptions: {
poll: true
}
},
chainWebpack: config => {
config.plugins
.delete("html")
.delete("preload")
.delete("prefetch");
config
.entry("app")
.clear()
.add("./vue-app/main.js")
.end();
config.resolve.alias
.set("@", path.join(__dirname, "./vue-app"))
},
};
上面的方法在npm run build
上运行得很好,在运行之后,它会创建一个mix-manifest.json
,在这里我可以很容易地使用路径,但在服务期间它不会创建一个mix-manifest.json
如何获取在npm run service
期间生成的资产(js和css)文件的路径,以便在我的php文件中使用