求支持引入pug模板引擎，写原生html痛不欲生在weex中无需任何配置可以直接使用pug，按理做了上层封装的eeui应该可以使用才对

<div class="highlight highlight-text-html-vue notranslate position-relative overflow-auto" dir="auto

<a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/us

自己修改 webpack.config.js 添加 rules会报错 <div class="snippet-clipboard-content notransla

建议添加支持pug about eeui HOT 9 CLOSED

kuaifan commented on May 28, 2024

建议添加支持pug

from eeui.

Comments (9)

akFace commented on May 28, 2024

这个支持的

from eeui.

akFace commented on May 28, 2024

1、安装 npm install less less-loader --save

2、使用
<style scoped lang="less">
</style>

注：weex不支持嵌套写法

错误写法
.box{
  background-color: pink;
  .a {
    color: red;
 }
}

正确写法
.box{
  background-color: pink;
}
.a {
    color: red;
 }

from eeui.

pecopeco commented on May 28, 2024

1、安装 npm install less less-loader --save

2、使用
<style scoped lang="less">
</style>

注：weex不支持嵌套写法

错误写法
.box{
  background-color: pink;
  .a {
    color: red;
 }
}

正确写法
.box{
  background-color: pink;
}
.a {
    color: red;
 }

请问如何引入 pug ？

from eeui.

akFace commented on May 28, 2024

没用过pug 😄

from eeui.

neterji commented on May 28, 2024

1、安装 npm install less less-loader --save

2、使用
<style scoped lang="less"> </style>
注：weex不支持嵌套写法
```css
错误写法
.box{
  background-color: pink;
  .a {
    color: red;
 }
}
正确写法
.box{
  background-color: pink;
}
.a {
    color: red;
 }

那和直接写css有啥区别？

from eeui.

akFace commented on May 28, 2024

@neterji 可以用来做公共类、公共样式

from eeui.

pecopeco commented on May 28, 2024

自己修改 webpack.config.js 添加 rules会报错

module.exports = {
  module: {
    rules: [
      { test: /\.pug$/, loader: "pug-plain-loader" }
    ]
  }
};

Error: Rule can only have one result source (provided use and loader) in {
  "test": {},
  "use": [
    {
      "loader": "babel-loader",
      "options": {
        "presets": [
          "@babel/react",
          "@babel/env"
        ],
        "plugins": [
          [
            "@babel/transform-runtime",
            {
              "helpers": false
            }
          ],
          [
            "component",
            {
              "libraryName": "weex-ui",
              "libDir": "packages",
              "style": false
            },
            "weex-ui"
          ],
          [
            "component",
            {
              "libraryName": "eeui-design",
              "libDir": "packages",
              "style": false
            },
            "eeui-design"
          ]
        ]
      }
    }
  ],
  "loader": "pug--plain-loader"
}

from eeui.