🐛 fix graphin studio bundle config

antvis · Dec 24, 2019 · 31ca222 · 31ca222
1 parent 60b7fc9
commit 31ca222
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 7 deletions.
diff --git a/packages/graphin-studio/src/Graph.tsx b/packages/graphin-studio/src/Graph.tsx
@@ -15,6 +15,9 @@ import useGraphEvents from './Events/useGraphEvents';
 /** components */
 import NodeEdgeCount from './Core/NodeEdgeCount';
 
+import '@antv/graphin/dist/index.css';
+import '@antv/graphin-components/dist/index.css';
+
 const Graphene = (props: GraphProps) => {
     const graphRef = useRef(null) as any; // eslint-disable-line
     const { dispatch, data, layout, toolbar, store } = props;

diff --git a/packages/graphin-studio/src/types.ts b/packages/graphin-studio/src/types.ts
@@ -120,7 +120,7 @@ export interface SearchBarProps {
 }
 
 export interface ToolBarProps {
-    direction: string;
+    direction: 'horizontal' | 'vertical';
 }
 
 export interface GrapheneState {
@@ -180,7 +180,7 @@ export interface RenderToolbarProps {
                 edges: number;
             };
         };
-        [key: string]: any;
+        [key: string]: any; // eslint-disable-line
     };
     direction: string;
     graph: Graph;

diff --git a/packages/graphin-studio/webpack.config.js b/packages/graphin-studio/webpack.config.js
@@ -42,8 +42,7 @@ module.exports = env => {
                 },
                 {
                     test: /\.css$/,
-                    use: ['style-loader', 'css-loader'],
-                    sideEffects: true,
+                    use: [MiniCssExtractPlugin.loader, 'css-loader'],
                 },
                 {
                     test: /\.(png|jpe?g|gif|svg)$/i,
@@ -57,7 +56,7 @@ module.exports = env => {
                     test: /\.less$/,
                     use: [
                         {
-                            loader: 'style-loader',
+                            loader: MiniCssExtractPlugin.loader,
                         },
                         {
                             loader: 'css-loader', // translates CSS into CommonJS
@@ -69,7 +68,6 @@ module.exports = env => {
                             },
                         },
                     ],
-                    sideEffects: true,
                 },
                 {
                     test: /\.(woff|woff2|eot|ttf|otf)$/,
@@ -97,9 +95,9 @@ module.exports = env => {
             contentBase: path.join(__dirname, 'public/'),
             port: 3003,
             publicPath: 'http://localhost:3003/',
-            hotOnly: true,
         },
         plugins: [
+            new MiniCssExtractPlugin(),
             // new BundleAnalyzerPlugin(),
             new HtmlWebpackPlugin({
                 title: 'example',