Closed yangtenghuan closed 4 years ago
这个支持的
1、安装 npm install less less-loader --save
2、使用
<style scoped lang="less">
</style>
错误写法
.box{
background-color: pink;
.a {
color: red;
}
}
正确写法
.box{
background-color: pink;
}
.a {
color: red;
}
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 ?
没用过pug :smile:
1、安装 npm install less less-loader --save
2、使用
注:weex不支持嵌套写法 ```css 错误写法 .box{ background-color: pink; .a { color: red; } }
正确写法 .box{ background-color: pink; } .a { color: red; }
那和直接写css有啥区别?
@neterji 可以用来做公共类、公共样式
自己修改 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"
}
eeui 如何引入Pug,能否给出大致的方式呀?
eeui 如何引入Pug,能否给出大致的方式呀?
我在上面已经说得很清楚了吧,安装完就可以直接用,不用引入
求支持引入pug模板引擎,写原生html痛不欲生
在weex中无需任何配置可以直接使用pug,按理做了上层封装的eeui应该可以使用才对