webpack：如何在内联（base64）网址中包含指向css文件的链接-Java 学习之路

输入：

1）Webpack 3 .

2）带有OTF字体文件URL的Css文件 .

3）HtmlWebpackPlugin

输出：

1）包含样式文件链接的Html从css和内联base64字体生成 .

2）在构建时将此css复制到构建目录 .

我应该使用哪些插件呢？

我发现找出应该使用哪些插件和工作流程真的很麻烦shuld有使用copy-webpack-plugin和html-webpack-include-assets-plugin，我没有看到明显直截了当的解决方案似乎是一个简单的任务 .

1 回答

你应该像这样改变 webpack.base.conf.js

module.exports = {
  context: path.resolve(__dirname, '../'),
  entry: {
    app: './src/main.js'
  }, 
  module: {
    rules: [ 
      {
        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
        loader: 'url-loader',
        options: {
          limit: 500000, // <------ increase the limit so all fonts use Data-URI
          name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
        }
      }, 
    ]
  },

回复于 2024-05-04T16:50:03+08:00

webpack：如何在内联（base64）网址中包含指向css文件的链接

1 回答

相关问题