1.仔细观察html文件发现所有链接都没有引号,是不是这个原因导致的呢,百度之后找到解决方案

<link href=/css/xxx.css rel=stylesheet>

解决办法:

找到webpack.prod.conf.js,在webpack.prod.conf.js找到minify

把minify中的  removeAttributeQuotes: true改为

 removeAttributeQuotes: false(如果该方法没有用那就把整个minify去掉再试一下)

然后在执行打包命令:npm run build

执行完打包后index.html中的css和js引入时就会有引号

<link href="/css/xxx.css" rel="stylesheet">

2.有引号之后发现还是空白,仔细看发现链接错误,没有引用js和css

记得改一下config下面的index.js中bulid模块导出的路径。因为index.html里边的内容都是通过script标签引入的,而你的路径不对,打开肯定是空白的。先看一下默认的路径。
module.exports = {
  build: {
    env: require('./prod.env'),
    index: path.resolve(__dirname, '../dist/index.html'),
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    productionSourceMap: true,
assetsPublicPath默认的是  ‘/’  也就是根目录。而我们的index.html和static在同一级目录下面。  所以要改为  ‘./ 

以上文章摘自:https://blog.csdn.net/wang1006008051/article/details/78066140https://blog.csdn.net/i_coffer/article/details/81005733

标签: Webpack, vue, vue-cli

添加新评论