尽管浏览器为 Hello World 提供了正确的输出，但在文件夹中看不到 Bundle.js 文件。reactJS、npm、babel、webpack 服务器
byt*_*ise 0 bundle node.js reactjs package.json webpack-dev-server
正在生成 bundle.js 文件，但不在 webpack.configure.json 中指定的文件夹中（具体放入哪个文件夹和路径，不清楚）浏览器显示正确的输出。没有错误。我已经从命令提示符安装了以下内容（对于 Windows）
- npm install webpack --save
- npm install webpack-dev-server --save
- npm install react --save
- npm install react-dom --save
- npm 安装 babel-core
- npm 安装 babel-loader
- npm 安装 babel-preset-react
- npm 安装 babel-preset-es2015
我希望看到在 sample3 文件夹中创建的 bundle.js 文件，但在执行命令 webpack-dev-server 后它不在那里
webpack.configure.json 文件如下
module.exports = {
entry: "./app.js",
output: {
filename: "bundle.js"
}
}
下面给出了 package.json 文件
{
"name": "sample3",
"version": "1.0.0",
"description": "reactjs sample application",
"main": "app.js",
"scripts": {
"start": "webpack-dev-server --hot" },
"keywords": [
"reactjs"
],
"author": "abc",
"license": "ISC",
"dependencies": {
"react": "^15.1.0",
"react-dom": "^15.1.0",
"webpack": "^1.13.1",
"webpack-dev-server": "^1.14.1"
}
}
index.html 文件也在下面给出
<html>
<body>
<h3>"Hi there this works"</h3>
<script src="bundle.js"></script>
</body>
</html>
app.js 文件在下面
document.write('welcome to my first app!hooray!');
console.log('app loaded again!!yipee! hoohoo');
我的问题是 1) 需要进行哪些更改才能看到在 sample3 文件夹中生成的 bundle.js 文件（与上述其他文件相同的文件夹）2）每次我创建一个新的小应用程序（比如 toDoList）并将其放入文件夹时说sample4，那么我是否必须重新执行 npm init 和上面列出的其他命令？
执行 webpack-dev-server 命令后的命令行截图也如下
使用时webpack-dev-server，捆绑文件在内存中创建用于开发，因此您的硬盘驱动器上没有任何内容。
当您想要构建文件（以便它出现在您的驱动器上）时，您需要运行webpack而不是webpack-dev-server在您的控制台中运行。
package.json 中的示例：
"scripts": {
"build": "webpack"
}
通过npm run build.
这有帮助吗？让我知道！
| 归档时间： |
|
| 查看次数： |
3250 次 |
| 最近记录： |