Я пытаюсь настроить проект с помощью webpack/response/redux и т. Д. У меня есть проект, но я не вижу файлы проекта в dev-tools в моем браузере. Я искал в Интернете и обнаружил, что с помощьюWebpack: файлы, которые не отображаются в браузере DevTool
debug : true,
devtool : 'source-map'
в моем конфигурационном файле WebPack сделает файлы появляются в Dev-инструментах, но они по-прежнему не отображаются. Я могу видеть только мой bundle.js
в Devtools
Мой весь файл 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?
Спасибо, он легко может быть упущен новичком вроде меня. :П –