overflow_backup_2018_0455/deprecated_overflow_webapp
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ing

Browse Source
This commit is contained in:
crusader 2017-12-21 14:48:31 +09:00
parent 59415bd7ac
commit cf40d0998e
6 changed files with 236 additions and 195 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
config/webpack/webpack.config.base.js
View File

@ -21,6 +21,9 @@ module.exports = {
resolve: {
extensions: ['.ts', '.tsx', '.js', '.json'],
// Fix webpack's default behavior to not load packages with jsnext:main module
// https://github.com/Microsoft/TypeScript/issues/11677
mainFields: ['browser', 'main'],
plugins: [
new TsConfigPathsPlugin({
tsconfig: "tsconfig.json",
@ -30,20 +33,29 @@ module.exports = {
},
module: {
rules: [
loaders: [
{
test: /\.tsx?$/,
enforce: 'pre',
test: /\.tsx?$/,
exclude: [
Path.resolve(__dirname, '../../node_modules/')
],
loader: 'tslint-loader',
use: [
{
loader: 'tslint-loader'
}
],
}
]
},
plugins: [
],
node: {
fs: 'empty'
// workaround for webpack-dev-server issue
// https://github.com/webpack/webpack-dev-server/issues/60#issuecomment-103411179
fs: 'empty',
net: 'empty'
}
};

64
config/webpack/webpack.config.dev.js
View File

@ -6,11 +6,11 @@ const WebpackDashboardPlugin = require('webpack-dashboard/plugin');
const configBase = require('./webpack.config.base.js');
module.exports = WebpackMerge(configBase, {
entry: {
webapp: [
'react-hot-loader/patch'
]
},
// entry: {
// webapp: [
// 'react-hot-loader/patch'
// ]
// },
devtool: 'inline-source-map',
@ -31,35 +31,33 @@ module.exports = WebpackMerge(configBase, {
},
module: {
rules: [
loaders: [
// source-map
{
enforce: 'pre',
test: /\.js$/,
loader: 'source-map-loader',
use: [
{
loader: 'source-map-loader'
}
],
exclude: [
Path.resolve(__dirname, '../../node_modules/')
]
},
{
enforce: 'pre',
test: /\.tsx?$/,
use: "source-map-loader",
test: /\.tsx$/,
use: [
{
loader: 'source-map-loader'
}
],
exclude: [
Path.resolve(__dirname, '../../node_modules/')
]
},
// {
// test: /\.tsx?$/,
// loaders: [
// 'awesome-typescript-loader'
// ],
// exclude: [
// Path.resolve(__dirname, '../../node_modules/')
// ],
// include: [
// Path.resolve(__dirname, '../../src/')
// ]
// },
// .ts, .tsx
{
test: /\.tsx?$/,
exclude: [
@ -80,22 +78,32 @@ module.exports = WebpackMerge(configBase, {
sourceMap: true,
},
},
],
},
]
},
// static assets
{ test: /\.html$/, use: 'html-loader' },
{ test: /\.png$/, use: 'url-loader?limit=10000' },
{ test: /\.jpg$/, use: 'file-loader' },
],
},
plugins: [
new WebpackDashboardPlugin(),
new Webpack.HotModuleReplacementPlugin(),
new Webpack.NamedModulesPlugin(),
new Webpack.NoEmitOnErrorsPlugin(),
new HtmlWebpackPlugin({
template: Path.resolve(__dirname, '../../public/index.html')
new Webpack.DefinePlugin({
'process.env.NODE_ENV': JSON.stringify('development')
}),
new Webpack.optimize.CommonsChunkPlugin({
name: 'vendor',
minChunks: Infinity,
filename: 'vendor.js'
}),
new Webpack.optimize.AggressiveMergingPlugin(),
new Webpack.HotModuleReplacementPlugin(),
new Webpack.NamedModulesPlugin(),
new Webpack.NoEmitOnErrorsPlugin(),
new HtmlWebpackPlugin({
template: Path.resolve(__dirname, '../../public/index.html')
}),
]
});

32
config/webpack/webpack.config.prod.js
View File

@ -8,24 +8,29 @@ module.exports = WebpackMerge(configBase, {
devtool: 'source-map',
module: {
rules: [
{
enforce: 'pre',
test: /\.js$/,
loader: 'source-map-loader',
exclude: [
Path.resolve(__dirname, '../../node_modules/')
]
},
loaders: [
// .ts, .tsx
{
test: /\.tsx?$/,
loader: 'awesome-typescript-loader',
exclude: [
Path.resolve(__dirname, '../../node_modules/')
]
],
include: [
Path.resolve(__dirname, '../../src/')
],
use: [
{
loader: 'awesome-typescript-loader?module=es6'
},
]
},
// static assets
{ test: /\.html$/, use: 'html-loader' },
{ test: /\.png$/, use: 'url-loader?limit=10000' },
{ test: /\.jpg$/, use: 'file-loader' },
],
},
plugins: [
new Webpack.DefinePlugin({
'process.env': {
@ -34,6 +39,11 @@ module.exports = WebpackMerge(configBase, {
'DEBUG': false,
'__DEVTOOLS__': false
}),
new Webpack.optimize.CommonsChunkPlugin({
name: 'vendor',
minChunks: Infinity,
filename: 'vendor.js'
}),
// Plugings for optimizing size and performance.
// Here you have all the available by now:
// Webpack 1. https://github.com/webpack/webpack/blob/v1.13.3/lib/optimize

1
package.json
View File

@ -45,6 +45,7 @@
"extract-text-webpack-plugin": "^3.0.2",
"file-loader": "^1.1.6",
"greenkeeper-postpublish": "^1.3.0",
"html-loader": "^0.5.1",
"html-webpack-plugin": "^2.30.1",
"image-webpack-loader": "^3.4.2",
"jest": "^21.2.1",

14
src/ts/@overflow/webapp/index.tsx
View File

@ -100,6 +100,16 @@ class WebAppApplication {
private renderApp(): void {
WebAppApplication.isProduction ? this.renderProduction() : this.rederDevelopment();
// ReactDOM.render(
// <Provider store={this.store}>
// <ConnectedRouter history={this.history}>
// <WebApp/>
// </ConnectedRouter>
// </Provider>
// ,
// this.container,
// );
}
private renderProduction(): void {
ReactDOM.render(
@ -114,8 +124,8 @@ class WebAppApplication {
private rederDevelopment(): void {
if (module.hot) {
module.hot.accept('./pages/webapp', () => {
const NextApp = require('./pages/webapp').default;
module.hot.accept('./pages/webapp', async () => {
const NextApp = (await import('./pages/webapp')).default;
ReactDOM.render(
<AppContainer>
<Provider store={this.store}>

2
src/ts/@overflow/webapp/pages/webapp.tsx
View File

@ -14,7 +14,7 @@ class WebApp extends React.Component<Props, State> {
public render(): JSX.Element {
return (
<b>Hello...</b>
<b>Hello.</b>
);
}
}