質問編集履歴

1

dd

2017/06/19 12:58

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -110,6 +110,84 @@
110
110
 
111
111
  };
112
112
 
113
+ ```
113
114
 
114
115
 
116
+
117
+
118
+
119
+ /*======追記======*/
120
+
121
+ webpack-dev-serverはbundle.jsは出さないそうでした。そして、編集するとコンパイルが自動的に走るようになりました。ただブラウザのHOTリロードはされないようです。
122
+
123
+ Modify
124
+
125
+ ```javascript
126
+
127
+ const path = require('path');
128
+
129
+ const webpack = require('webpack');
130
+
131
+
132
+
133
+ module.exports = {
134
+
135
+ entry: path.resolve(__dirname, 'src/index.js'),
136
+
137
+ output: {
138
+
139
+ path: path.resolve(__dirname, 'public/assets/js/'),
140
+
141
+ filename: 'bundle.js'
142
+
143
+ },
144
+
145
+ module: {
146
+
147
+ loaders: [
148
+
149
+ {
150
+
151
+ test: /\.js$/,
152
+
153
+ exclude: /node_modules/,
154
+
155
+ loader: 'babel-loader',
156
+
157
+ query: {
158
+
159
+ presets: ["es2015", "react"]
160
+
161
+ }
162
+
163
+ }, {
164
+
165
+ test: /\.css$/,
166
+
167
+ loader: ['style-loader', 'css-loader?modules']
168
+
169
+ }
170
+
171
+ ]
172
+
173
+ },
174
+
175
+ devServer: {
176
+
177
+ contentBase: path.resolve(__dirname, 'public'),
178
+
179
+ port: 8080,
180
+
181
+ inline: true,
182
+
183
+ hot: true,
184
+
185
+ open: true,
186
+
187
+ compress: true
188
+
189
+ }
190
+
191
+ };
192
+
115
193
  ```