截圖以下webpack
學習裝飾器模式,爲瀏覽器兼容,使用babel轉換代碼web
1. 安裝npm
npm install --save-dev @babel/plugin-proposal-decorators
2. 配置.babelrc瀏覽器
{ "presets": [ ["@babel/preset-env" ]// ES語法轉換 ], "plugins": [ ["@babel/plugin-proposal-decorators"] ] }
3. 啓動webpack-devbabel
E:\codes\JavaScript\Design Patterns>npm run dev design-patterns@1.0.0 dev E:\codes\JavaScript\Design Patterns webpack-dev-server --config ./webpack.dev.config.js --mode development
4.報錯webpack-dev-server
.babelrc添加配置,更改以下學習
{ "presets": [ ["@babel/preset-env" ]// ES語法轉換 ], "plugins": [ ["@babel/plugin-proposal-decorators"] ] }