hookehuyr

新增vite插件处理vue3,setup函数中无法写name的问题

...@@ -40,6 +40,7 @@ ...@@ -40,6 +40,7 @@
40 "postcss-px-to-viewport": "^1.1.1", 40 "postcss-px-to-viewport": "^1.1.1",
41 "qs": "^6.10.3", 41 "qs": "^6.10.3",
42 "tslint": "^6.1.3", 42 "tslint": "^6.1.3",
43 + "unplugin-vue-define-options": "^0.6.1",
43 "vite": "^2.9.9", 44 "vite": "^2.9.9",
44 "vite-plugin-style-import": "1.4.1", 45 "vite-plugin-style-import": "1.4.1",
45 "vue-router": "4" 46 "vue-router": "4"
......
1 <template> 1 <template>
2 <!-- 页面缓存 --> 2 <!-- 页面缓存 -->
3 <router-view v-slot="{ Component, route }"> 3 <router-view v-slot="{ Component, route }">
4 - <keep-alive :include="keepPages"> 4 + <keep-alive :include="keepPages" :max="10">
5 <component :is="Component" :key="route.name" /> 5 <component :is="Component" :key="route.name" />
6 </keep-alive> 6 </keep-alive>
7 </router-view> 7 </router-view>
......
...@@ -311,20 +311,6 @@ const goToDetail = (prod_id, book_id, type) => { // 跳转作品详情页 ...@@ -311,20 +311,6 @@ const goToDetail = (prod_id, book_id, type) => { // 跳转作品详情页
311 /*****************************************************/ 311 /*****************************************************/
312 </script> 312 </script>
313 313
314 -<script>
315 -export default {
316 - name: 'bookDetail',
317 - data() {
318 - return {
319 - }
320 - },
321 - mounted() {
322 - },
323 - methods: {
324 - }
325 -}
326 -</script>
327 -
328 <style lang="less" scoped> 314 <style lang="less" scoped>
329 @import url('@css/content-bg.less'); 315 @import url('@css/content-bg.less');
330 316
......
...@@ -4,6 +4,7 @@ import dynamicImport from 'vite-plugin-dynamic-import'; ...@@ -4,6 +4,7 @@ import dynamicImport from 'vite-plugin-dynamic-import';
4 import styleImport, { VantResolve } from 'vite-plugin-style-import'; 4 import styleImport, { VantResolve } from 'vite-plugin-style-import';
5 import { defineConfig, loadEnv } from 'vite'; 5 import { defineConfig, loadEnv } from 'vite';
6 import { createProxy } from './build/proxy' 6 import { createProxy } from './build/proxy'
7 +import DefineOptions from 'unplugin-vue-define-options/vite';
7 8
8 var path = require('path'); 9 var path = require('path');
9 10
...@@ -29,6 +30,7 @@ export default ({ command, mode }) => { ...@@ -29,6 +30,7 @@ export default ({ command, mode }) => {
29 // legacy({ 30 // legacy({
30 // targets: ['defaults', 'not IE 11'] 31 // targets: ['defaults', 'not IE 11']
31 // }), // Vite 的默认旧版浏览器支持时提供此插件本机ESM的支持。 32 // }), // Vite 的默认旧版浏览器支持时提供此插件本机ESM的支持。
33 + DefineOptions(), // 插件来对组件名进行注册的, 解决setup没法写name的问题
32 ], 34 ],
33 publicDir: 'public', // 作为静态资源服务的文件夹。这个目录中的文件会在开发中被服务于 /,在开发模式时,会被拷贝到 outDir 的根目录,并没有转换,永远只是复制到这里。该值可以是文件系统的绝对路径,也可以是相对于项目的根目录路径。 35 publicDir: 'public', // 作为静态资源服务的文件夹。这个目录中的文件会在开发中被服务于 /,在开发模式时,会被拷贝到 outDir 的根目录,并没有转换,永远只是复制到这里。该值可以是文件系统的绝对路径,也可以是相对于项目的根目录路径。
34 // cacheDir: '', // 存储缓存文件的目录。此目录下会存储预打包的依赖项或 vite 生成的某些缓存文件,使用缓存可以提高性能。如需重新生成缓存文件,你可以使用 --force 命令行选项或手动删除目录。此选项的值可以是文件的绝对路径,也可以是以项目根目录为基准的相对路径。 36 // cacheDir: '', // 存储缓存文件的目录。此目录下会存储预打包的依赖项或 vite 生成的某些缓存文件,使用缓存可以提高性能。如需重新生成缓存文件,你可以使用 --force 命令行选项或手动删除目录。此选项的值可以是文件的绝对路径,也可以是以项目根目录为基准的相对路径。
......
This diff is collapsed. Click to expand it.