rollup-plugin-postcss ( PostCSS plugin postcss-noop-plugin requires PostCSS 8. Migration guide for end-users:)

解决办法:
将 autoprefixer 降级为 8.0.0
 
1. 安装 autoprefixer 插件
yarn add autoprefixer@8.0.0

  

2. 修改rollup.config.js文件
import fs from ‘fs‘
import path from ‘path‘
import json from ‘@rollup/plugin-json‘
import vue from ‘rollup-plugin-vue‘
import postcss from ‘rollup-plugin-postcss‘
import { terser } from ‘rollup-plugin-terser‘
import { nodeResolve } from ‘@rollup/plugin-node-resolve‘

const isDev = process.env.NODE_ENV !== ‘production‘

// 公共插件配置
const plugins = [
vue({
// Dynamically inject css as a <style> tag
css: true,
// Explicitly convert template to render function
compileTemplate: true
}),
json(),
nodeResolve(),
postcss({
// 把 css 插入到 style 中
// inject: true,
// 把 css 放到和js同一目录
extract: true,
plugins: [
   require(‘autoprefixer‘)({ overrideBrowserslist: [‘> 0.15% in CN‘] }) // 自动添加css前缀
]
})
]

  

rollup-plugin-postcss ( PostCSS plugin postcss-noop-plugin requires PostCSS 8. Migration guide for end-users:)

上一篇:DotNetRemotingPlus SDK 最新版 2021版本


下一篇:【小程序】基于.NET CORE2.1 的 微信开放平台 第三方平台开发 教程一 平台介绍