我刚开始使用 webpack 来开发 React 应用程序。我的配置文件如下,
var webpack = require('webpack');
module.exports = {
devtool: "eval",
entry: {
app: [
"webpack-dev-server/client?http://0.0.0.0:8080",
"webpack/hot/only-dev-server",
"./src/scripts/main.js"
]
},
output: {
path: "./build",
filename: "bundle.js"
},
plugins: [
new webpack.HotModuleReplacementPlugin(),
new webpack.NoErrorsPlugin()
],
resolve: {
modulesDirectories: ['node_modules'],
},
module: {
loaders: [
{
test: /\.jsx?$/,
loader: "react-hot!babel",
exclude: /node_modules/
},
{
test: /\.css$/,
loader: "style!css"
},
{
test: /\.(html|png)$/,
loader: "file?name=[path][name].[ext]&context=./src"
}
]
}
};
如配置文件中所指定,所有必需的源都将被捆绑到文件 ./build/bundle.js
此外,当我使用以下命令运行 webpack 的开发服务器时,
> webpack-dev-server --colors --content-base ./build
它在开始时给了我以下输出,没有错误,
http://localhost:8080/webpack-dev-server/
webpack result is served from /
content is served from /Users/xyz/Desktop/pqrProj/build
我可以看到我的应用程序在 http://localhost:8080/webpack-dev-server/ 上按预期运行
但是当我尝试将 CD 放入 /Users/xyz/Desktop/pqrProj/build
时,我收到错误消息,因为没有这样的文件或目录。
最佳答案
当使用 webpack-dev-server
时,您的捆绑文件是从内存中提供的,而不是写入磁盘以便在您开发时更快地迭代。这也允许热模块更换等。
如果你想输出静态文件,你可以在命令行中使用 webpack
命令(不是 webpack-dev-server)。
关于javascript - 无法找到 webpack 的构建文件夹,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28923792/