Я использую webpack в качестве системы сборки для файлов React.js. Я использую webpack --watch, чтобы создать пакет и дождаться изменений, а затем перестроить снова. Но у меня такая ситуация, как при создании пакета и выходе из него. 't ждать каких-либо изменений. Я знаю, что происходит неправильно
Мой webpack.config.js
module.exports = {
entry: [
'./Components/App.js'
],
output:{
path:__dirname,
filename:'bundle.js'
},
module:{
loaders:[{
test: /\.jsx?$/,
exclude:/node_modules/,
loader:'babel',
query:{
presets: ['react']
}
}]
}
};
package.json
{
"name": "Sample",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC",
"dependencies":{
"react": "^0.14.6",
"react-dom": "^0.14.6",
"webpack": "^1.12.9",
"webpack-dev-server": "^1.14.0",
"babel-core": "^6.2.1",
"babel-loader": "^6.2.0",
"babel-preset-es2015": "^6.1.18",
"babel-preset-react": "^6.1.18"
}
}
App.js
import React from 'react';
import ReactDOM from 'react-dom';
var HelloWorld = React.createClass({
render:function(){
return (
<div>
<h1> This is a heading </h1>
<p> This is a Paragraph </p>
</div>
);
}
});
ReactDOM.render(<HelloWorld />,document.getElementById('container'));
Вы проверили это? https://webpack.github.io/docs/troubleshooting.html#watching
Кроме того, попробуйте сделать путь к файлу точки входа абсолютным, а не относительным:
var path = require('path');
module.exports = {
entry: [
path.resolve('./Components/App.js')
]
...
}
Я не уверен, что webpack сможет просматривать файл точки входа, если он разделен как модуль, а не путь к файлу.
Если это не сработает, не могли бы вы разместить файл JS точки входа? Могут возникнуть проблемы, связанные с тем, как вам нужны/импортировать файлы (например, другой корпус), поскольку веб-пакет не сможет их просматривать.
sudo webpack --watch
поскольку я вижу, что вы запускаете webpack внутри / var / www: github.com/webpack/webpack/issues/675#issuecomment-164022534