从打字稿导入 SCSS

编程问答 2022-04-22

问题描述

我希望能够从我的打字稿文件中导入 SCSS 文件，并自动添加相应的 <script> 和 <link> 标签。

我本以为这很简单，但我很难让它发挥作用。

webpack.config.js

module.exports = {
  entry: {
    menuExample: {
      import: "./example/menu/index.ts",filename: "./dist/example/menu/index.js",},resolve: { extensions: ["",".ts",".js"] },plugins: [
    new MiniCssExtractPlugin(),new HtmlWebpackPlugin({
      title: "Menu Example",filename: "[name].html",template: "./example/menu/index.ejs",chunks: ["menuExample"],inject: true,}),],module: {
    rules: [
      { test: /\.tsx?$/,loader: "ts-loader" },{
        test: /\.scss$/,use: [
          { loader: MiniCssExtractPlugin.loader },"css-loader","sass-loader",}

example/menu/index.ts

import "./index.scss"

example/menu/index.ejs

<!DOCTYPE html>
<html lang="en-US">
  <head>
    <Meta charset="utf-8" />
    <title><%= htmlWebpackPlugin.options.title %></title>
    <%= htmlWebpackPlugin.tags.headTags %>
  </head>
  <body class="center">
    <%= htmlWebpackPlugin.tags.bodyTags %>
  </body>
</html>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

html-webpack-pluginsass-loadertypescripttypescripttypescriptwebpackwebpackwebpack