Open lzlu opened 6 years ago
@lzlu hi, you can use this way to resolve:
export default {
...
plugins:[{
postcss({
extract: `dist/${name}.css`,
extensions: ['.less'],
plugins: [],
}),
babel({
runtimeHelpers: true,
exclude: 'node_modules/**'
})
}]
...
}
@shooterRao TKS,I kown HOW, I just wanna be figure out WHY. And what's different between your config and my mistake one?
My config:
plugins: [
external(),
url(),
resolve(),
postcss({
minimize: true,
}),
babel({
runtimeHelpers: true,
babelrc: false,
presets: [
"@babel/preset-env",
"@babel/react",
"@babel/preset-typescript",
],
plugins: [
["import", {
"libraryName": "antd",
"style": "css",
}],
["@babel/plugin-proposal-class-properties", { "loose": true }],
],
extensions: [".js", ".jsx", ".ts", ".tsx"],
}),
commonjs(),
]
but
[!] Error: Unexpected token
src/styles.less (1:0)
1: .test {
^
2: display: inline-block;
3: margin: 2em auto;
1
with babel plugins, It throwed a Error when I import less to my js.
index.js
rollup.config.js
I find a way to resolve this problems by Add babel.include.