vue3-select-linkage/vue.config.js

vue3 下拉框联动组件

const path = require('path')

module.exports = {
  pages: {
    index: {
      entry: 'example/main.ts', // 入口
      template: 'public/index.html', // 模板
      filename: 'index.html' // 输出文件
    }
  },
  configureWebpack: {
    resolve: {
      extensions: ['.js', '.ts', '.vue', '.json']
    }
  },
  chainWebpack: config => {
    config.resolve.alias
      .set('@', path.resolve('example')) // @ 默认指向 src 目录，这里要改成 docs
      .set('~', path.resolve('packages')) // ~ 指向 packages

      // 把 packages 和 docs 加入编译，因为新增的文件默认是不被 webpack 处理的
      config.module
        .rule('ts')
        .include.add(/packages/).end()
        .include.add(/example/).end()
        .use('ts-loader')
        .loader('ts-loader')
        .tap((opts) => {
          // opts.transpileOnly = false;
          // opts.happyPackMode = false;
          return opts;
        });
  }
}