vue-cli脚手架初体验

按照网上教程初始化了一个新的目录,开发环境没问题,打包也没问题,打包完以后访问就出现了网上常常出现的路径访问错误问题,固然是用网上的解决方案也解决了,还遇到一个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有效字体

相关文章
相关标签/搜索