Browse Source

【看板展示】【打包之后的文件结构调整】

zhuth 8 years ago
parent
commit
14ebb8b912

+ 0 - 1
kanban-client/app/component/Layout.js

@@ -8,7 +8,6 @@ import Title from '../src/Title/Title.jsx';
 import Form from '../src/Form/index.js';
 import Table from './Table.jsx';
 import Charts from '../src/Charts/ECharts.js';
-import '../css/form.less';
 
 
 class BasicLayout extends React.Component {

+ 1 - 1
kanban-client/app/main.js

@@ -2,7 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import Factory from './component/Factory.js';
 
-var code = window.location.search.substring(6) || '51F6D4F5C16';
+var code = window.location.search.substring(6);
 
 ReactDOM.render(
     <Factory code={[code]} />,

+ 1 - 1
kanban-client/build/index.html

@@ -7,6 +7,6 @@
 <body style="margin:0px">
   <div id="root"></div>
   <script type="text/javascript" src="./lib/echarts-for-react/echarts.min.js"></script>
-  <script src="main.bundle.js"></script>
+  <script src="./src/main.bundle.js"></script>
 </body>
 </html>

+ 1 - 0
kanban-client/package.json

@@ -50,6 +50,7 @@
     "enzyme": "^2.7.0",
     "enzyme-to-json": "^1.4.5",
     "expect.js": "~0.3.1",
+    "extract-text-webpack-plugin": "^2.1.2",
     "file-loader": "^0.11.2",
     "jest": "^18.1.0",
     "jquery": "^1.11.2",

+ 13 - 9
kanban-client/webpack.config.js

@@ -1,23 +1,21 @@
 var path = require('path');
 var webpack = require('webpack');
+var ExtractTextPlugin = require('extract-text-webpack-plugin');
 
 module.exports = {
-    //   entry: ['whatwg-fetch', path.resolve(__dirname, './app/main.js')],
     entry: {
-        fetch: 'whatwg-fetch',
-        main: './app/main.js',
-        title: './app/src/Title/Title.jsx',
-        table: './app/component/Table.jsx',
-        form: './app/src/Form/index.js',
-        chart: './app/src/Charts/ECharts.js'
+        'fetch/whatwg-fetch': 'whatwg-fetch',
+        'src/main': './app/main.js',
+        'src/title': './app/src/Title/Title.jsx',
+        'src/table': './app/component/Table.jsx',
+        'src/form': './app/src/Form/index.js',
+        'src/chart': './app/src/Charts/ECharts.js'
     },
     externals: {
         echarts: 'window.echarts',
     },
     output: {
         path: path.resolve(__dirname, './build'),
-        // filename: 'bundle.js',
-        // publicPath: '/',
         filename: '[name].bundle.js'
     },
     module: {
@@ -65,6 +63,12 @@ module.exports = {
             "process.env": {
                 NODE_ENV: JSON.stringify("production")
             }
+        }),
+        new ExtractTextPlugin({
+            filename: (getPath) => {
+                return getPath('css/[name].css').replace('css/js', 'css');
+            },
+            allChunks: true
         })
     ]
 };