javascript可以与webpack内联吗？

我需要将库导入到我的项目中，库应该是一个JavaScript文件，需要将其内联到html。javascript可以与webpack内联吗？

例如：

库代码：

(function(){ 
    var a = 0; 
})();

我需要在HTML的代码内联。

HTML：

<html> 
    <head> 
    <script> 
     (function(){ 
     var a = 0; 
     })(); 
    </script> 
    </head> 

    <body> 
    </body> 
</html>

可我的WebPack实现这个？我发现script-loader，但它运行脚本，而不是内联。

来源

2016-01-23 Leon

我可以问问为什么你想将它添加到html文件而不是由webpack创建的js包。 – sandeep

@sandeep它是一个响应式页面解决方案，它根据移动设备的大小设置html指令的字体大小。它需要在页面呈现之前执行。 – Leon

这应该用CSS'@ media'来完成，而不是用JS。但是，如果在解析“”之前想要运行JS，请将“

我已经开始工作的一个plugin为html webpack支持这一点。你指定正则表达式来匹配你想嵌入的文件。

plugins: [ 
    new HtmlWebpackPlugin({ 
     inlineSource: '.(js|css)$' // embed all javascript and css inline 
    }), 
    new HtmlWebpackInlineSourcePlugin() 
]

来源

2016-11-14 15:08:20

太棒了！它现在可以工作吗？ – Leon

我做到了没有一饮而尽，用inline-source帮助：

安装直列源CLI：npm install inline-source-cli
添加inline属性的脚本标签在HTML文件中：<script inline src="path/to/index.js"></script>
运行inline-source --root ./dist dist/path/to/index-pre.html > dist/path/to/index.html

来源

2016-12-28 09:21:33

稍微清洁一点，但坚持只是webpack – coiso

javascript可以与webpack内联吗？

相关问题