:arrow_up: fix https://github.com/Vanessa219/vditor/issues/1074

CHANGELOG.md

@@ -97,6 +97,7 @@
 
 ### v3.8.6 / 2021-08-xx
 
+* [1074](https://github.com/Vanessa219/vditor/issues/1074) 升级 webpack-dev-server & node-sass `开发重构`
 * [1063](https://github.com/Vanessa219/vditor/issues/1063) 所见即所得模式链接引用语法中链接文本包含行级嵌套的问题 `修复缺陷`
 * [1047](https://github.com/Vanessa219/vditor/issues/1047) 列表换行问题 `修复缺陷`
 

package.json

@@ -34,7 +34,7 @@
     "identity-obj-proxy": "^3.0.0",
     "jest": "^26.6.3",
     "mini-css-extract-plugin": "^0.8.2",
-    "node-sass": "^4.14.1",
+    "node-sass": "^6.0.1",
     "postcss-loader": "^5.2.0",
     "puppeteer": "^1.20.0",
     "sass-loader": "^10.2.0",
@@ -47,7 +47,7 @@
     "webpack": "^5.37.0",
     "webpack-bundle-analyzer": "^3.9.0",
     "webpack-cli": "^4.7.0",
-    "webpack-dev-server": "^3.11.2"
+    "webpack-dev-server": "^4.1.0"
   },
   "license": "MIT",
   "repository": "git://github.com/Vanessa219/vditor.git",

webpack.start.js

@@ -130,7 +130,9 @@ module.exports = {
     }),
   ],
   devServer: {
-    contentBase: path.join(__dirname, '.'),
+    static: {
+      directory: path.join(__dirname, '.'),
+    },
     port: 9000,
     host: '0.0.0.0',
     proxy: {