[email protected]使用vue-cli-plugin-cube-ui 报错

报错信息:Cannot find module './cubeic.woff'
These relative modules were not found:* ./cubeic.ttf in ./node_modules/css-loader??ref--11-oneOf-3-1!./node_modules/postcss-loader/src??ref--11-oneOf-3-2!./node_modules/stylus-loader??ref--11-oneOf-3-3!./node_modules/cube-ui/src/common/stylus/index.styl* ./cubeic.woff in ./node_modules/css-loader??ref--11-oneOf-3-1!./node_modules/postcss-loader/src??ref--11-oneOf-3-2!./node_modules/stylus-loader??ref--11-oneOf-3-3!./node_modules/cube-ui/src/common/stylus/inde

原来,安装cube-ui之后还要配置一下相关文件才能使用,我使用的是后编译,按需引入部分组件,按照下面配置就成功了,其他情况可参考[[email protected]] 如何搭配使用 - GitHub

vue.config.js 文件:

const PostCompilePlugin = require('webpack-post-compile-plugin')
const TransformModulesPlugin = require('webpack-transform-modules-plugin')

module.exports = {
  chainWebpack: config => {
    const conf = config.toConfig()
    config
      .plugin('post-compile')
      .use(PostCompilePlugin, [{
        config: {
          module: {
            rules: [...conf.module.rules]
          }
        }
      }])
      .end()
      .plugin('transform-modules')
      .use(TransformModulesPlugin)
  },
  css: {
    loaderOptions: {
      stylus: {
        'resolve url': true
        // 自定义主题场景
        // import: [path.resolve(__dirname, './src/theme')]
      }
    }
  }
}

你可能感兴趣的:([email protected]使用vue-cli-plugin-cube-ui 报错)