vue-cli3 vue.config.js中如何配置loader

方法一：

 1 module.exports = {
 2   chainWebpack: config => {
 3     config.module
 4         .rule('expose1')
 5         .test(require.resolve('jquery'))
 6             .use()
 7             .loader('expose-loader')
 8             .options("jQuery")
 9             .end()
10     config.module
11         .rule('expose2')
12         .test(require.resolve('jquery'))
13             .use()
14             .loader('expose-loader')
15             .options("$")
16             .end()
17     config.module
18       .rule("vue")
19       .use("iview-loader") // 解决ivew组件 忽略前缀i的问题
20       .loader("iview-loader")
21       .options({
22         prefix: false,
23       })
24       .end();
25   }
26 }

方法二：

 1 module.exports = {
 2 // 没有使用 iview-loader 时，必须使用 i-switch 标签。
 3   configureWebpack: (config) => {
 4     config.module.rules.push({
 5       test: /\.vue$/,
 6       use: [{
 7         loader: 'iview-loader', // 解决ivew组件 忽略前缀i的问题
 8         options: {
 9           prefix: false
10         }
11       }]
12     })
13   },
14 
15 }

 

posted @ 2021-05-24 09:10  shuaibijian  阅读(901)  评论(0)    收藏  举报