webpack之静态资源内联（raw-loader）

最新推荐文章于 2024-08-31 07:17:09 发布

scorpio_h

最新推荐文章于 2024-08-31 07:17:09 发布

阅读量1w

点赞数

分类专栏： Webpack 文章标签： raw-loader 静态资源内联

本文链接：https://blog.csdn.net/scorpio_h/article/details/92801419

版权

Webpack 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

主要是用 raw-loader来实现静态资源内联

1、安装raw-loader(此处使用比较老的版本 0.5.1 来实现)

npm i raw-loader@0.5.1 -D

2、假设项目为移动端项目，需要使用lib-flexible来做适配处理

一般使用方法是直接将lib-flexible内联进index.html

此处我们改使用raw-loader来处理

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>${ require('raw-loader!babel-loader!../node_modules/lib-flexible/flexible.js') }</script>
</head>
<body>
    <div id="root"></div>
</body>
</html>