chore: update deps (#34)

Author: xudafeng

antd-sample/app.jsx

@@ -93,7 +93,7 @@ class App extends React.Component {
     }
     return (
       <Layout>
-        <Header className="header"></Header>
+        <Header className="header" />
         <Content style={{ padding: 30 }}>
           <Select
             className="test-list"
@@ -113,7 +113,7 @@ class App extends React.Component {
             <Table columns={columns} dataSource={this.state.dataList} />
           </Spin>
         </Content>
-        <Footer/>
+        <Footer />
       </Layout>
     );
   }

package.json

@@ -13,7 +13,7 @@
     "url": "https://github.com/app-bootstrap/web-app-bootstrap.git"
   },
   "scripts": {
-    "dev": "cross-env NODE_ENV=development webpack serve",
+    "dev": "webpack serve",
     "dev:test": "cross-env NODE_ENV=test npm run dev",
     "lint": "eslint --fix . --ext .vue,.jsx,.js && stylelint --fix assets/**/*.less -s less",
     "build": "cross-env NODE_ENV=production webpack",
@@ -103,7 +103,7 @@
     "vue-loader": "^15.2.1",
     "vue-template-compiler": "^2.5.13",
     "vuex": "^3.0.1",
-    "webpack": "^5.69.1",
+    "webpack": "5",
     "webpack-cli": "^4.9.0",
     "webpack-dev-server": "^4.7.4",
     "whatwg-fetch": "^2.0.4",

webpack.config.js

@@ -6,6 +6,12 @@ const VueLoaderPlugin = require('vue-loader/lib/plugin');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const datahubMiddleware = require('datahub-proxy-middleware');
 
+const {
+  NODE_ENV,
+} = process.env;
+
+const isProd = NODE_ENV === 'production';
+
 const datahubConfig = {
   port: 5678,
   hostname: '127.0.0.1',
@@ -26,6 +32,7 @@ const defaultDatahub = new DataHub({
 });
 
 const config = {
+  mode: isProd ? 'production' : 'development',
   entry: {
     vuex: path.resolve('vuex'),
     flux: path.resolve('flux'),
@@ -40,7 +47,7 @@ const config = {
   },
   output: {
     path: path.join(__dirname, 'dist'),
-    publicPath: 'dist',
+    publicPath: '/dist',
     filename: '[name].js'
   },
   module: {
@@ -145,7 +152,12 @@ const config = {
     ]
   },
   resolve: {
-    extensions: ['.ts', '.js', '.vue', '.json'],
+    extensions: [
+      '.ts', '.tsx',
+      '.js', '.jsx',
+      '.vue',
+      '.json',
+    ],
     alias: {
       'vue$': 'vue/dist/vue.esm.js'
     }