何らかの理由で、変更時にファイルを再構築するために webpack を取得できません。私は基本的にBrowsersync - Webpack + TypeScript Recipeに従いました。
私のwebpack.config.js
:
let path = require('path');
let webpack = require('webpack');
let config = {
debug: true,
devtool: 'eval',
entry: './app/index.ts',
output: {
publicPath: '/',
path: path.join(__dirname, 'wwwroot'),
filename: 'bundle.js'
},
plugins: [],
resolve: {
extensions: ['', '.ts', '.js']
},
module: {
loaders: [
{ test: /\.ts$/, loader: 'ts', include: path.join(__dirname, 'app') }
]
}
};
module.exports = config;
server.js
文字通りレシピからコピーしたbrowser-sync 設定 ( ):
var browserSync = require('browser-sync').create();
var webpack = require('webpack');
var webpackDevMiddleware = require('webpack-dev-middleware');
var stripAnsi = require('strip-ansi');
var webpackConfig = require('./webpack.config');
var bundler = webpack(webpackConfig);
bundler.plugin('done', function (stats) {
if (stats.hasErrors() || stats.hasWarnings()) {
return browserSync.sockets.emit('fullscreen:message', {
title: "Webpack Error:",
body: stripAnsi(stats.toString()),
timeout: 100000
});
}
browserSync.reload();
});
browserSync.init({
server: 'wwwroot',
open: false,
logFileChanges: false,
middleware: [
webpackDevMiddleware(bundler, {
publicPath: webpackConfig.output.publicPath,
stats: {colors: true}
})
],
plugins: ['bs-fullscreen-message'],
files: [
]
});
そして、すべてを開始するには、npmスクリプトセクションを使用するだけです:
"scripts": {
"build": "node server"
},
typescript ファイルを変更するたびに、app/
何も起こりません。ここで何が間違っていますか?