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.module11         .rule('expose2')12         .test(require.resolve('jquery'))13             .use()14             .loader('expose-loader')15             .options("$")16             .end()17     config.module18       .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: false10         }11       }]12     })13   },14 15 }