vux-cli3-loader

vux-cli3-loader

Usage no npm install needed!

<script type="module">
  import vuxCli3Loader from 'https://cdn.skypack.dev/vux-cli3-loader';
</script>

README

说明

让vux能在vue-cli3上愉快的玩耍,不BB,看下面的配置使用

使用配置

特别说明,为了实现按需加载,请安装配套的babel-plugin-vux-cli3插件,还有确保项目中已经安装了lessless-loader

  • 安装vux-cli3-loader、babel-plugin-vux-cli3
$ npm install vux-cli3-loader babel-plugin-vux-cli3 -D
  • 配置vux.config.js
const webpack = require('webpack')
module.exports = {
  chainWebpack: config => {
    config.module
      .rule('vue')
        .use('vux-cli3-loader')
          .loader('vux-cli3-loader')
          .before('vue-loader')
  },
  configureWebpack: config => {
    config.plugins.push(new webpack.DefinePlugin({
      V_LOCALE: JSON.stringify('zh-CN'),
      V_SSR: JSON.stringify(false),
      SUPPORT_SSR_TAG: JSON.stringify(false)
    }))
    config.performance = {
      hints: false
    }
  }
}
  • 配置babel.config.js
module.exports = {
  presets: [
    '@vue/app'
  ],
  plugins: [
    "vux-cli3"
  ]
}

示例

如配置存在问题,请看这个demo-vux-cli3设置