我是 webpack 的新手,我需要帮助设置生成源映射。我webpack serve从命令行运行,编译成功。但我真的需要源图。这是我的webpack.config.js。
webpack serve
webpack.config.js
var webpack = require('webpack'); module.exports = { output: { filename: 'main.js', publicPath: '/assets/' }, cache: true, debug: true, devtool: true, entry: [ 'webpack/hot/only-dev-server', './src/components/main.js' ], stats: { colors: true, reasons: true }, resolve: { extensions: ['', '.js', '.jsx'], alias: { 'styles': __dirname + '/src/styles', 'mixins': __dirname + '/src/mixins', 'components': __dirname + '/src/components/', 'stores': __dirname + '/src/stores/', 'actions': __dirname + '/src/actions/' } }, module: { preLoaders: [{ test: /\.(js|jsx)$/, exclude: /node_modules/, loader: 'jsxhint' }], loaders: [{ test: /\.(js|jsx)$/, exclude: /node_modules/, loader: 'react-hot!babel-loader' }, { test: /\.sass/, loader: 'style-loader!css-loader!sass-loader?outputStyle=expanded&indentedSyntax' }, { test: /\.scss/, loader: 'style-loader!css!sass' }, { test: /\.(png|jpg|woff|woff2)$/, loader: 'url-loader?limit=8192' }] }, plugins: [ new webpack.HotModuleReplacementPlugin(), new webpack.NoErrorsPlugin() ] };
我对 webpack 真的很陌生,虽然文档并没有真正帮助,因为我不确定这个问题具体是什么。
为了使用源映射,您应该将devtool选项 值 从更改为可用true的 值this list,例如source-map
devtool
true
this list
source-map
devtool: 'source-map'
devtool: 'source-map'- 发出 SourceMap。
'source-map'