fix(cli): mini css

Author: deot

Diff for: packages/cli/package.json

@@ -47,7 +47,7 @@
     "@wya/vm": "^2.0.0-alpha.46",
     "babel-loader": "^8.1.0",
     "babel-plugin-syntax-jsx": "^6.18.0",
-    "babel-plugin-transform-vue-jsx": "^3.7.0",
+    "babel-plugin-transform-vue-jsx": "^4.0.1",
     "cac": "^6.5.6",
     "chalk": "^3.0.0",
     "chokidar": "^3.3.1",
@@ -68,7 +68,7 @@
     "vue-loader": "^15.9.3",
     "vue-style-loader": "^4.1.2",
     "vue-template-compiler": "^2.6.12",
-    "webpack": "^4.44.2",
+    "webpack": "~4.43.0",
     "webpack-cli": "^3.3.12",
     "webpack-dev-server": "^3.11.0",
     "webpack-merge": "^5.1.4"

Diff for: packages/cli/src/sfc/config.js

@@ -5,7 +5,7 @@ const webpack = require('webpack');
 const { merge } = require('webpack-merge');
 const VueLoaderPlugin = require('vue-loader/lib/plugin');
 const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin');
-const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+// const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 
 const { resolve } = path;
 const cwd = process.cwd();

Diff for: packages/cli/src/sfc/utils.js

@@ -81,14 +81,14 @@ const getHTMLConfig = () => {
 	let openPage = {};
 	Object.keys(entry).forEach((key) => {
 		let fullpath = entry[key];
-		openPage[key] = `/demo/${key}`.replace(/\.js/, '.html');
+		openPage[key] = `/demo/${key}`.replace(/\.(js|vue)/, '.html');
 		htmls.push(
 			new HtmlWebpackPlugin({
 				__DEV__: true, 
 				template: path.resolve(__dirname, 'templates/tpl.ejs'),
 				chunks: [key],
 				inject: 'body',
-				filename: `demo/${key.replace(/\.js/, '.html')}`
+				filename: `demo/${key.replace(/\.(js|vue)/, '.html')}`
 			})
 		);
 	});