我正在用webpack构建两个项目;一个是另一个的图书馆.
在构建包装器项目时,是否可以使用我的库项目中的sourcemaps?我希望能够从包装器UI调试库代码.
我的构建工作正常,因为库是内置的.唯一的问题是源 map .我在浏览器调试器中看到的JavaScript是丑陋的,因为sourcemaps不可用.
我的项目 struct 片段:
+-- my-ui/
+-- dist/
+-- my-ui.js
+-- my-ui.js.map
+-- node_modules/
+-- my-lib/
+-- dist/
+-- bundle.js
+-- bundle.js.map
来自webpack.config.js
的片段:
module.exports = {
entry: './src/js/main.jsx',
output: {
path: path.join(__dirname, 'dist'),
filename: 'my-ui.js',
library: 'my-ui',
libraryTarget: 'umd'
},
devtool: 'source-map',
module: {
loaders: [
{test: /\.jsx?$/, loader: 'babel', include: path.join(__dirname, 'src')}
]
},
plugins: [
new Clean('dist'),
new HtmlWebpackPlugin({
template: 'src/index.html',
inject: true
})
]
};