在使用官方egg-vue-webpack时使用element-ui的组件库,发现虽然可以应用组件库,但是无法加载样式文件。
解决方案:
在开发模式下添加vue-style-loader的配置
步骤一:需要安装vue-style-loader
$ npm i element-ui -S
$ cnpm install vue-style-loader
步骤二:配置webpack.config.js
loaders: {
eslint: false,
css: {
use: ['vue-style-loader', 'css-loader'],
exclude: []
},
sass: true
},
步骤三:引入样式文件
注意文件路径是否正确