wk-view

Appearance

On this page

适配 Vue2 项目 ​

vue.config.js 配置 ​

使用 npm 安装的组件，默认情况下 babel-loader 会忽略所有 node_modules 中的文件，导致条件编译失效，需要通过配置 vue.config.js 解决。

在根目录创建 vue.config.js 文件，并添加如下配置，如果是 Vue3 + Vite, 则无需添加。

js
module.exports = {
   transpileDependencies: ['wk-view']
}

安装 @vue/composition-api ​

bash
npm i @vue/composition-api

pnpm i @vue/composition-api

yarn add @vue/composition-api
js
// main.js
import VueCompositionAPI from '@vue/composition-api'

Vue.use(VueCompositionAPI)

安装 unplugin-vue2-script-setup ​

bash
npm i unplugin-vue2-script-setup -D

pnpm i unplugin-vue2-script-setup -D

yarn add unplugin-vue2-script-setup -D
js
// vue.config.js
const ScriptSetup = require('unplugin-vue2-script-setup/webpack').default

module.exports = {
    ...,
    configureWebpack: (config) => {
        config.plugins.push(ScriptSetup({}))
    },
}