vue-cli vue脚手架使用配置

index.html js路径问题
config/index.js
build对象下的

assetsPublicPath: '/'

改为

assetsPublicPath: './'

css背景图片路径问题
build/utils.js

if (options.extract) {
  return ExtractTextPlugin.extract({
    use: loaders,
    fallback: 'vue-style-loader',
    publicPath: '../../'//加上
  })
}

icon不显示
build/webpack.prod.conf.js

module: {
  rules: utils.styleLoaders({
    sourceMap: config.build.productionSourceMap,
    extract: false,//true改为false
    usePostCSS: true
  })
},

页面刷新后，vuex中数据丢失、清空的解决方案
安装vuex-persistedstate

export default new Vuex.Store({
  plugins: [createPersistedState({
    storage: window.sessionStorage
  })],
})

包后能看到所有源码的问题

config文件夹下的index.js文件中将productionSourceMap: true,改为productionSourceMap: false

组件中使用scss，安装以下依赖
sass-loader
node-sass

cnpm install sass-loader@7.3.1 node-sass -D