尽管浏览器为Hello World提供了正确的输出，但在文件夹中未看到Bundle.js文件。 reactJS，npm，babel，webpack服务器

bundle.js文件正在生成，但不在webpack.configure.json中指定的文件夹中（确切地说（它所在的文件夹和路径）不清楚）浏览器显示正确的输出。没有错误。我已经安装从命令提示以下（对于Windows）尽管浏览器为Hello World提供了正确的输出，但在文件夹中未看到Bundle.js文件。 reactJS，npm，babel，webpack服务器

NPM安装的WebPack --save
NPM安装的WebPack-DEV-服务器--save
NPM安装反应--save
NPM安装反应-DOM --save
NPM安装巴别核
NPM安装巴贝尔装载机
NPM安装巴别预置反应的
NPM安装通天预设-ES2015

我希望看到bundle.js文件中的文件夹样品3所创建，但它不存在执行命令的WebPack-DEV-服务器后

的的WebPack下面

module.exports = { 
    entry: "./app.js", 
    output: { 
    filename: "bundle.js" 
    } 
}

.configure.json文件给出的文件的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）需要什么样的变化看bundle.js文件中获取生成在sample3文件夹（与其他文件相同的文件夹） 2）每次我做一个新的小应用程序（比如toDoList）并把它放到一个文件夹中说sample4，那么我是否必须执行npm init和其他上面列出的命令重新来过？

命令行执行的WebPack-DEV-server命令后的截图下面给出太

来源

2016-05-30 sparkle

当使用webpack-dev-server，在内存中的发展创建包文件，所以没有什么在你的硬盘。

当您想要构建文件（以便它出现在驱动器上）时，您需要在控制台中运行webpack而不是webpack-dev-server。

实施例的package.json：经由npm run build

"scripts": { 
    "build": "webpack" 
}

运行此。

这有帮助吗？让我知道！

来源

2016-05-30 19:17:28

非常感谢。是的，bundle.js文件确实已经创建。但是，浏览器中的输出未见。听起来像是一个基本问题，但我在浏览器URL中放入了什么。当我尝试https：// localhost：8080时，它给了我一个Err：连接被拒绝。 https：// localhost：8080/webpack或webpack-dev-server也是如此。另外，我从package.json中删除了脚本：{start：........}。另一个疑问是，我已将命令webpack放入控制台中，“通过npm run build运行”的含义不明确。顺便说一下，答案的周转时间非常好。！ – sparkle

请在您的问题中发布您的整个webpack.config。我会检查它并相应地编辑我的答案。 –

上面贴出了整个webpack.config.json文件。由于它是一个Hello World应用程序，因此只有6行，包括花括号。事实上，上面发布的所有文件index.html，package.json，webpack.config.json和app.js都是完整的文件，而不是代码片段或摘录。 – sparkle

尽管浏览器为Hello World提供了正确的输出，但在文件夹中未看到Bundle.js文件。 reactJS，npm，babel，webpack服务器

回答

相关问题