按照网上教程初始化了一个新的目录,开发环境没问题,打包也没问题,打包完以后访问就出现了网上常常出现的路径访问错误问题,固然是用网上的解决方案也解决了,还遇到一个iview字体文件找不到的问题,写在这作个记录webpack
一、build以后路径错误
config/index.js build部分web
assetsPublicPath: '/',//改成 './'
二、iview字体图标不显示/找不到字体路径问题
/build/webpack.prod.conf.jsnpm
extract: true,//改成false
三、Eslint语法检查问题
有时候多个分号,少个空格,没有空格都会报错,能够去根目录下的.eslintrc.js文件修改配置iview
rules: { // allow async-await 'generator-star-spacing': 'off', // allow debugger during development 'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off', "indent": ["off", 2], 'semi': 0,//取消分号 'eol-last':0,//取消换行 "no-irregular-whitespace":0,//取消空格 "space-before-function-paren": 0//取消方法前空格 }
即便这样还有一些限制去不掉,解决方案就是不用语法检查
build/webpack.base.conf.js,将eslint相关语法注释或删除async
// ...(config.dev.useEslint ? [createLintingRule()] : []),
从新运行 npm run dev有效字体