Open coderhsw opened 1 year ago
vite config:
plugins: [ vue(), AutoImport({ resolvers: [ArcoResolver()], eslintrc: { enabled: true } }), Components({ resolvers: [ ArcoResolver({ sideEffect: true }) ] }), createStyleImportPlugin({ libs: [ { libraryName: '@arco-design/web-vue', esModule: true, resolveStyle: (name) => { // css return@arco-design/web-vue/es/${name}/style/css.js } } ] }) ]
plugins: [ vue(), AutoImport({ resolvers: [ArcoResolver()], eslintrc: { enabled: true } }), Components({ resolvers: [ ArcoResolver({ sideEffect: true }) ] }), createStyleImportPlugin({ libs: [ { libraryName: '@arco-design/web-vue', esModule: true, resolveStyle: (name) => { // css return
} } ] }) ]
this.$message is undefined
目前按需引入只能处理单文件的引入,其本质就是检查每个 .vue 文件是否有使用 Arco 组件,如果有则导入对应的代码和样式。 this.$message 是在 App 层面注入的,无法在单文件中处理,所以不被支持。
this.$message
Basic Info
Steps to reproduce
vite config:
plugins: [ vue(), AutoImport({ resolvers: [ArcoResolver()], eslintrc: { enabled: true } }), Components({ resolvers: [ ArcoResolver({ sideEffect: true }) ] }), createStyleImportPlugin({ libs: [ { libraryName: '@arco-design/web-vue', esModule: true, resolveStyle: (name) => { // css return
@arco-design/web-vue/es/${name}/style/css.js} } ] }) ]
this.$message is undefined