Webpack 少加载程序:导入url被视为相对url,而不传递--relative url选项
我正在尝试使用less加载程序加载一个在顶部有url导入的文件。此url导入用于托管在其他位置(cdn上)的文件 无应用程序Webpack 少加载程序:导入url被视为相对url,而不传递--relative url选项,webpack,less,webpack-dev-server,Webpack,Less,Webpack Dev Server,我正在尝试使用less加载程序加载一个在顶部有url导入的文件。此url导入用于托管在其他位置(cdn上)的文件 无应用程序 @import url("http://cdn-name/mixins.less"); 当我尝试用较少的加载程序加载较少的文件时,我得到以下错误: ERROR in ./~/css-loader!./~/less-loader!./static-content/less/app.less Module build failed: Cannot resolve 'file
@import url("http://cdn-name/mixins.less");
当我尝试用较少的加载程序加载较少的文件时,我得到以下错误:
ERROR in ./~/css-loader!./~/less-loader!./static-content/less/app.less
Module build failed: Cannot resolve 'file' or 'directory' ./http://cdn-name/mixins.less
似乎较少的加载程序将我的url导入视为一个相对路径,而不是实际检测到它自己的url包含要获取的资源
我的网页包配置如下所示:
module.exports = {
entry: {
bundle: ['./static-content/js/index.js'],
vendor: ['react', 'react-dom']
},
output: {
path: jsGeneratedPath,
filename: 'bundle.min.js',
publicPath: 'http://localhost:8444/assets/',
hotUpdateChunkFilename: 'hot/js-update.js',
hotUpdateMainFilename: 'hot/json-update.json',
recordsPath: path.resolve(__dirname, '/assets/hot/')
},
stats: {
colors: true,
reasons: true
},
module: {
preLoaders: [
{
test: /\.jsx?$/,
loader: 'eslint-loader',
exclude: /node_modules/
}
],
loaders: [
{
test: /.js?$/,
loader: 'babel-loader',
exclude: /node_modules/,
progress: true
},
{
test: /.less$/,
loader: 'style!css!less',
exclude: /node_modules/,
progress: true
}
]
},
plugins: [
new webpack.optimize.CommonsChunkPlugin({
names: ['vendor'],
minChunks: Infinity,
filename: '[name].min.js'
})
]
}
有没有想过为什么会发生这种情况?我认为可能与我试图导入的文件类型有关(一个较少的文件),因为如果我用css文件替换导入文件(例如,托管在谷歌的CDN上),那么解析效果会很好
我试过在url上加引号和不加引号
网页第1.13.1版
网页包开发服务器v1.14.1
less loader V2.2.3我也面临同样的相对路径问题。 在选项“将其解析为我”中添加路径
{
loader: require.resolve('less-loader'),
options: {
importLoaders: 1,
paths: [path.resolve(__dirname, "node_modules")],
},
}