Webpack 具有更少和源地图的网页包-奇怪的路径行为
很长一段时间以来,我一直试图用Webpack、Less和Code Map解决一个问题—它似乎都显示了除样式之外的所有内容的正确信息。问题是,所有较少的文件都显示为项目位置的完整路径。如何配置/解析它以显示实际的相对路径? 以下是我的Webpack配置/示例项目,它为我提供了以下输出:Webpack 具有更少和源地图的网页包-奇怪的路径行为,webpack,less,source-maps,css-loader,less-loader,Webpack,Less,Source Maps,Css Loader,Less Loader,很长一段时间以来,我一直试图用Webpack、Less和Code Map解决一个问题—它似乎都显示了除样式之外的所有内容的正确信息。问题是,所有较少的文件都显示为项目位置的完整路径。如何配置/解析它以显示实际的相对路径? 以下是我的Webpack配置/示例项目,它为我提供了以下输出: const path = require('path'); module.exports = { entry: [ './app.js', ], devtool: 'i
const path = require('path');
module.exports = {
entry: [
'./app.js',
],
devtool: 'inline-source-map',
output: {
filename: 'bundle.js',
path: path.resolve('./dist'),
},
resolve: {
alias: {
app: './'
}
},
module: {
rules: [{
test: /\.(less)$/,
use: [
'style-loader',
{
loader: 'css-loader',
options: {
sourceMap: true
}
},
{
loader: 'less-loader',
options: {
sourceMap: true,
}
}
],
}]
},
mode: 'none'
}
更少的文件:
.div {
background:blue;
}
app.js
import 'app/app.less';