我正在尝试使用webpack / react / redux等设置项目。我已经设置了项目，但是在浏览器的dev-tools中看不到项目文件。我在网上搜寻，发现使用
debug : true,
devtool : 'source-map'
在我的webpack配置文件中将使文件出现在开发工具中，但它们仍然没有显示。我只能bundle.js在开发工具中看到我的
我的整个webpack.config.js文件是：
var webpack = require('webpack');
module.exports = {
entry: [
'webpack-hot-middleware/client',
'./client/client.js'
],
output: {
path: require("path").resolve("./dist"),
filename: 'bundle.js',
publicPath: '/'
},
plugins: [
new webpack.optimize.OccurenceOrderPlugin(),
new webpack.HotModuleReplacementPlugin(),
new webpack.NoErrorsPlugin()
],
debug: true,
devtool: 'source-map',
module: {
preLoaders: [
{
test: /\.js$/,
exclude: /node_modules/,
loader: 'eslint-loader'
}
],
loaders: [
{
test: /\.js$/,
loader: 'babel-loader',
excludes: /node_modules/,
query: {
presets: ['react', 'es2015', 'react-hmre'] //query will tell what bable-loader has to do, which is compiling JSX(react) and es2015
}
}
]
},
eslint: {
configFile: './.eslintrc'
}
};
如何在devtools中查看所有项目文件？
您的webpack配置没有问题。
由于您可以看到bundle.js文件，因此显然应该有一个webpack://文件夹。在此之下，您可以看到一个名为name的文件夹.。展开该内容，您可能会看到源文件。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句