ic
/
lay
6
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

hot reloading in lay

master
Jørgen Lien Sellæg 9 years ago
parent
814d359cab
commit
1fa61d10a8
4 changed files with 44 additions and 3 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      lay/bin/server.js
  2. 20
      lay/package.json
  3. 2
      lay/web/index.html
  4. 21
      lay/webpack.config.js

4
lay/bin/server.js
Unescape View File

@ -6,11 +6,13 @@ const compiler = Webpack(webpack_config);
const server = new WebpackDevServer(compiler, { const server = new WebpackDevServer(compiler, {
contentBase: webpack_config.output.path, contentBase: webpack_config.output.path,
publicPath: webpack_config.output.publicPath,
disableHostCheck: true, disableHostCheck: true,
stats: { stats: {
colors: true colors: true
}, },
headers: {} headers: {},
hot: true,
}); });
const listen_interface = "0.0.0.0"; const listen_interface = "0.0.0.0";

20
lay/package.json
Unescape View File

@ -29,11 +29,31 @@
"devDependencies": { "devDependencies": {
"babel-core": "^6.24.1", "babel-core": "^6.24.1",
"babel-loader": "^7.0.0", "babel-loader": "^7.0.0",
"babel-preset-env": "^1.5.1",
"babel-preset-es2015": "^6.24.1", "babel-preset-es2015": "^6.24.1",
"babel-preset-react": "^6.24.1", "babel-preset-react": "^6.24.1",
"css-loader": "^0.28.2", "css-loader": "^0.28.2",
"react-hot-loader": "^3.0.0-beta.7",
"style-loader": "^0.18.1", "style-loader": "^0.18.1",
"webpack": "^2.6.0", "webpack": "^2.6.0",
"webpack-dev-server": "^2.4.5" "webpack-dev-server": "^2.4.5"
},
"babel": {
"presets": [
[
"env",
{
"targets": {
"chrome": 52,
"firefox": 53
},
"modules": false
}
],
"react"
],
"plugins": [
"react-hot-loader/babel"
]
} }
} }

2
lay/web/index.html
Unescape View File

@ -7,6 +7,6 @@
</head> </head>
<body> <body>
<div id="lay"></div> <div id="lay"></div>
<script src="js/index.js"></script> <script src="public/js/index.js"></script>
</body> </body>
</html> </html>

21
lay/webpack.config.js
Unescape View File

@ -1,15 +1,34 @@
const webpack = require('webpack');
const path = require('path'); const path = require('path');
module.exports = { module.exports = {
devtool: 'inline-source-map',
entry: { entry: {
'index': [ 'index': [
'react-hot-loader/patch',
'webpack-dev-server/client?http://localhost:2000',
'webpack/hot/only-dev-server',
'./src', './src',
] ]
}, },
output: { output: {
path: path.resolve(__dirname,'web'), path: path.resolve(__dirname,'web'),
publicPath: '/web/', publicPath: '/public/',
filename: 'js/[name].js' filename: 'js/[name].js'
},
plugins: [
new webpack.HotModuleReplacementPlugin(),
new webpack.NamedModulesPlugin()
],
module: {
rules: [
{ test: /\.jsx?$/, use: [ 'babel-loader', ], exclude: /node_modules/ },
{ test: /\.css$/, use: [ 'style-loader', 'css-loader?modules', ], },
],
},
resolve: {
extensions: [".js","jsx",".json"],
mainFiles: ["index"]
} }
} }

Write Preview
Loading…
Cancel
Save