如何解决将 webpack-bundle-tracker 从 vue.config.js 配置为 quasar.conf.js
const BundleTracker = require("webpack-bundle-tracker");
module.exports = {
// on Windows you might want to set publicPath: "http://127.0.0.1:8080/"
publicPath: "http://0.0.0.0:8080/",outputDir: './dist/',chainWebpack: config => {
config
.plugin('BundleTracker')
.use(BundleTracker,[{filename: './webpack-stats.json'}])
config.output
.filename('bundle.js')
config.optimization
.splitChunks(false)
config.resolve.alias
.set('__STATIC__','static')
config.devServer
// the first 3 lines of the following code have been added to the configuration
.public('http://127.0.0.1:8080')
.host('127.0.0.1')
.port(8080)
.hotOnly(true)
.watchOptions({poll: 1000})
.https(false)
.disableHostCheck(true)
.headers({"Access-Control-Allow-Origin": ["\*"]})
},};
文件 webpack-stats.json 是这样的:
{"status":"done","publicPath":"http://0.0.0.0:8080/","chunks":{"app":[{"name":"bundle.js","publicPath":"http://0.0.0.0:8080/bundle.js","path":"/home/me/myproject/frontend/dist/bundle.js"}]}}
有关如何将其翻译为 quasar.conf.js 的任何提示?
解决方法
在构建键里面放这一行
build: {
vueRouterMode: 'hash',// available values: 'hash','history'
chainWebpack: config => {
config
.output
.publicPath('http://localhost:8080/')
config
.plugin('BundleTracker')
.use(BundleTracker,[{ filename: './webpack-stats.json' }])
config.output
.filename('bundle.js')
config.optimization
.splitChunks(false)
config.resolve.alias
.set('__STATIC__','static')
config.devServer
.public('http://127.0.0.1:8080')
.host('127.0.0.1')
.port(8080)
.hotOnly(true)
.watchOptions({ poll: 1000 })
.https(false)
.disableHostCheck(true)
.headers({ "Access-Control-Allow-Origin": ["\*"] })
},}
为在 devServer 键添加这一行
headers: {
'Access-Control-Allow-Origin': '*'
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。