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

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

该配置方法可以配置多个loader, 代码如下
1.方法一

module.exports = {
  chainWebpack: config => {
    config.module
        .rule('expose1')
        .test(require.resolve('jquery'))
            .use()
            .loader('expose-loader')
            .options("jQuery")
            .end()
    config.module
        .rule('expose2')
        .test(require.resolve('jquery'))
            .use()
            .loader('expose-loader')
            .options("$")
            .end()
    config.module
      .rule("vue")
      .use("iview-loader") // 解决ivew组件 忽略前缀i的问题
      .loader("iview-loader")
      .options({
        prefix: false,
      })
      .end();
  }
}
2方法二
module.exports = {
// 没有使用 iview-loader 时,必须使用 i-switch 标签。
  configureWebpack: (config) => {
    config.module.rules.push({
      test: /\.vue$/,
      use: [{
        loader: 'iview-loader', // 解决ivew组件 忽略前缀i的问题
        options: {
          prefix: false
        }
      }]
    })
  },
}

你可能感兴趣的:(vue-cli3 vue.config.js中如何配置loader)