fix: webpack

chenxch · chenxch · commit d7019040e471 · 2022-06-17T01:44:45.000+08:00
diff --git a/README.md b/README.md
@@ -5,7 +5,7 @@
 Make the vue script setup syntax support the name attribute
 
 ## CHANGELOG
-[0.2.4]
+[0.2.5]
 - Fix cjs exports
 
 ## CHANGELOG
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "unplugin-vue-setup-extend-plus",
-  "version": "0.2.4",
+  "version": "0.2.5",
   "packageManager": "pnpm@7.1.1",
   "description": "Extending the vue script setup syntactic sugar",
   "author": "chenxch <124118265@qq.com>",
diff --git a/playground-webpack/.gitignore b/playground-webpack/.gitignore
@@ -0,0 +1,2 @@
+node_modules
+dist
diff --git a/playground-webpack/babel.config.js b/playground-webpack/babel.config.js
@@ -0,0 +1,9 @@
+module.exports = {
+  presets: [
+    ["@babel/preset-env", {
+      "targets": {
+        "browsers": ["last 1 chrome version"]
+      }
+    }]
+  ]
+}
diff --git a/playground-webpack/index.html b/playground-webpack/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title><%= htmlWebpackPlugin.options.title %></title>
+</head>
+<body>
+  <div id="root"></div>
+</body>
+</html>
diff --git a/playground-webpack/package.json b/playground-webpack/package.json
@@ -0,0 +1,31 @@
+{
+  "name": "hand-vue3-project",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "beta": "webpack --config ./webpack.config.js",
+    "dev": "webpack serve --progress --config ./webpack.config.js"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "unplugin-vue-setup-extend-plus": "0.2.5",
+    "vue": "^3.0.5"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.12.10",
+    "@babel/preset-env": "^7.12.11",
+    "@vue/compiler-sfc": "^3.0.5",
+    "babel-loader": "^8.2.2",
+    "clean-webpack-plugin": "^3.0.0",
+    "css-loader": "^5.0.1",
+    "html-webpack-plugin": "^4.5.1",
+    "style-loader": "^2.0.0",
+    "vue-loader": "^16.1.2",
+    "webpack": "^5.17.0",
+    "webpack-cli": "^4.4.0",
+    "webpack-dev-server": "^3.11.2"
+  }
+}
diff --git a/playground-webpack/src/App.vue b/playground-webpack/src/App.vue
@@ -0,0 +1,17 @@
+<script lang="ts" setup name="customApp">
+import Comp from './components/comp.vue'
+console.log(123)
+</script>
+
+<template>
+  <div>
+    <div>unplugin-vue-setup-extend-plus</div>
+    <Comp />
+  </div>
+</template>
+
+<style>
+  div {
+    color: yellowgreen;
+  }
+</style>
diff --git a/playground-webpack/src/components/comp.vue b/playground-webpack/src/components/comp.vue
@@ -0,0 +1,10 @@
+<script setup name="customCom">
+console.log(123)
+const data = 'hello'
+</script>
+
+<template>
+  <div>
+    {{ data }} Comp
+  </div>
+</template>
diff --git a/playground-webpack/src/main.js b/playground-webpack/src/main.js
@@ -0,0 +1,6 @@
+import { createApp } from 'vue'
+import App from './App.vue'
+
+const app = createApp(App)
+app.mount('#root')
+
diff --git a/playground-webpack/webpack.config.js b/playground-webpack/webpack.config.js
@@ -0,0 +1,52 @@
+const path = require('path')
+const HtmlWebpackPlugin = require('html-webpack-plugin')
+const { VueLoaderPlugin } = require('vue-loader/dist/index')
+const webpack = require('webpack')
+const { CleanWebpackPlugin } = require('clean-webpack-plugin')
+
+module.exports = {
+  mode: 'development',
+  entry: path.resolve(__dirname, './src/main.js'),
+  output: {
+    path: path.resolve(__dirname, 'dist'),
+    filename: 'js/[name].js'
+  },
+  module: {
+    rules: [
+      {
+        test: /\.js$/,
+        exclude: /node_modules/, // 不编译node_modules下的文件
+        loader: 'babel-loader'
+      },
+      {
+        test: /\.vue$/,
+        use: [
+          'vue-loader'
+        ]
+      },
+      {
+        test: /\.css$/,
+        use: [
+          'style-loader',
+          'css-loader'
+        ]
+      }
+    ]
+  },
+  plugins: [
+    new HtmlWebpackPlugin({
+      template: path.resolve(__dirname, './index.html'),
+      filename: 'index.html',
+      title: '手搭 Vue 开发环境'
+    }),
+    new VueLoaderPlugin(),
+    new webpack.HotModuleReplacementPlugin(),
+    new CleanWebpackPlugin(),
+    require('unplugin-vue-setup-extend-plus/webpack')(),
+  ],
+  devServer: {
+    contentBase: path.resolve(__dirname, './dist'),
+    compress: true,
+    port: 8080
+  }
+}
diff --git a/playground/package.json b/playground/package.json
@@ -5,6 +5,7 @@
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^2.3.3",
+    "unplugin-vue-setup-extend-plus": "workspace:0.2.5",
     "vite": "^2.9.9",
     "vite-plugin-inspect": "^0.5.0"
   },
diff --git a/playground/vite.config.ts b/playground/vite.config.ts
@@ -1,12 +1,14 @@
 import { defineConfig } from 'vite'
 import Inspect from 'vite-plugin-inspect'
 import vue from '@vitejs/plugin-vue'
+import vueSetupExtend from 'unplugin-vue-setup-extend-plus/vite'
 import Unplugin from '../src/vite'
 
 export default defineConfig({
   plugins: [
     vue(),
     Inspect(),
     Unplugin({}),
+    vueSetupExtend({ /* options */ }),
   ],
 })
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
diff --git a/src/core/transform.ts b/src/core/transform.ts
diff --git a/src/core/unplugin.ts b/src/core/unplugin.ts

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "unplugin-vue-setup-extend-plus",`
`3`		`- "version": "0.2.4",`
	`3`	`+ "version": "0.2.5",`
`4`	`4`	`"packageManager": "pnpm@7.1.1",`
`5`	`5`	`"description": "Extending the vue script setup syntactic sugar",`
`6`	`6`	`"author": "chenxch <124118265@qq.com>",`