我有这个文件夹结构
这是我的 webpack.config.js
var path = require('path');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var CleanWebpackPlugin = require('clean-webpack-plugin');
module.exports = {
entry: {
bundle: ['./src/index.js',
'./assets/style.less']
},
output: {
filename: '[name].js',
path: path.resolve(__dirname, 'web/dist'),
publicPath: path.resolve('/webpackdemo/web/dist/')
},
module: {
rules: [
{
test: /\.less$/,
use: ExtractTextPlugin.extract({
fallback: "style-loader",
use: ["css-loader", "resolve-url-loader", "less-loader"]
})
},
{
test: /\.(eot|svg|ttf|woff|woff2)$/,
loader: 'file-loader?name=/fonts/[name].[ext]'
}
]
},
plugins: [
new ExtractTextPlugin('style.css'),
new CleanWebpackPlugin(['web/dist'])
]
};
资产/样式.less
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,500,600,700&subset=latin,latin-ext);
@import "linearicons/linearicons.less";
body{
font-family: "Open Sans", sans-serif;
font-size: 12px;
}
然后 assets/linearicon/linearicon.less
@font-face {
font-family: 'linearicons';
src:url('fonts/Linearicons-Free.eot?w118d');
src:url('fonts/Linearicons-Free.eot?#iefixw118d') format('embedded-opentype'),
url('fonts/Linearicons-Free.woff2?w118d') format('woff2'),
url('fonts/Linearicons-Free.woff?w118d') format('woff'),
url('fonts/Linearicons-Free.ttf?w118d') format('truetype'),
url('fonts/Linearicons-Free.svg?w118d#Linearicons-Free') format('svg');
font-weight: normal;
font-style: normal;
}
问题是由于 url("fonts/Linearicon-*).
./node_modules/css-loader!./node_modules/resolve-url-loader?root=./../!./node_modules/less-loader/dist/cjs.js!./assets/style.less 模块中的错误未找到:错误:无法在 '/home/wwwhome/webpackdemo/assets' @ ./node_modules/css-loader!./node_modules/resolve- 中解析 './linearicons/fonts/Linearicons-Free.eot?w118d' url-loader?root=./../!./node_modules/less-loader/dist/cjs.js!./assets/style.less 6:173-230 @ ./assets/style.less @ multi ./ src/index.js ./assets/style.less
对于编译器,它与文件夹“linearicons”相关,但我想始终在资产/字体中解决它。我可以更改 url( '../fonts /Linearicons-Free.eot?w118d') 中的所有 url,但这并不方便,因为这是一个包含数百个文件的更大主题的一部分。我还尝试向 resolve-url-loader?root=assets/fonts 添加一个 root 参数,但它没有用。
任何想法?
谢谢