0

有没有办法让 Webpack 扫描 Javascript 文件require("file.js")并require("file.css")插入<script type="text/javascript">和<link rel="stylesheet">（分别）到任何包含根 Javascript 文件的 HTML 文件？

例如。鉴于：

主.html

<html>
    <head>
        <script type="text/javascript" src="main.js"></script>
[...]

主.js

require("./login.js");
require("./login.css");

我希望得到这个输出：

主.html

<html>
    <head>
        <link rel="stylesheet" type="text/css" href="login.css"/>
        <script type="text/javascript" src="login.js"></script>
        <script type="text/javascript" src="main.js"></script>
[...]

加分项：能够require("login.scss")并最终获得<link rel="stylesheet" type="text/css" href="login.css"/>（意思是，考虑到 SCSS 文件将被转换为 CSS 的事实）。

4

2 回答 2

0

根据 Webpack 的作者的说法，这个功能还不存在。

我已提交此功能请求：https ://github.com/webpack/webpack/issues/754

于 2015-02-02T20:37:00.107 回答
0

我创建了一个小 Python 脚本，允许我将文件（.js、.css、.younameit）从目录导入到 html。

前：

<html>
    <head>
    <!-- {SVN_AUTO_IMPORT type:.js; dir:../tsc_out; exclude:; template:<script src="%PATH"</script>;} -->
    </head>

后：

<html>
   <head>
     <script src="../tsc_out/script1.js"></script>
    <script src="../tsc_out/script2.js"></script>
    <script src="../tsc_out/script3.js"></script>
    <script src="../tsc_out/script4.js"></script>
    <script src="../tsc_out/script5.js"></script>
  </head>

https://github.com/seven-jerry/html-importer

于 2017-08-22T10:27:21.923 回答