前端html引入的js文件无效,Vue在index.HTML中引入静态文件不生效问题及解决方法_百厌_前端开发者...
本文针对的是出现该问题的标志如下控制台warning(Resource interpreted as Stylesheet but transferred with MIME type text/出现的原因及解决办法第一种可能出现原因就是引入的静态文件在src文件夹内,这种的解决办法就是把第二种可能出现的原因就是有单独的静态需要更改的有3个文件,分别是config文件夹下的index.文件夹下的w
本文针对的是
出现该问题的标志如下
控制台warning(Resource interpreted as Stylesheet but transferred with MIME type text/
出现的原因及解决办法
第一种可能出现原因就是引入的静态文件在src文件夹内,这种的解决办法就是把
第二种可能出现的原因就是有单独的静态
需要更改的有3个文件,分别是config文件夹下的index.文件夹下的webpack.dev.conf.和webpack.prod.conf.
假如你的静态资源文件夹叫public,和src文件夹同级,需要修改的如下
1. index.
dev: {
assetsSubDirectory: 'public',//原本是static,现在改为public
assetsPublicPath: `/${name}/`,
...
build: {
index: path.resolve(__dirname, '../dist/index.
2. webpack.dev.conf.js
// copy custom static assets
new CopyWebpackPlugin([
{
//下面原本是static,现在改为public
from: path.resolve(__dirname, '../public'),
to: config.build.assetsSubDirectory,
ignore: ['.*']
}
])
3. webpack.prod.conf.js
// copy custom static assets
new CopyWebpackPlugin([
{
//下面原本是static,现在改为public
from: path.resolve(__dirname, '../public'),
to: config.dev.assetsSubDirectory,
ignore: ['.*']
}
])
总结
以上所述是小编给大家介绍的开发者网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
更多推荐
所有评论(0)