Vue2+WebPack2使用css/sass+postcss的autoprefixer

js引入css和sass:require('../node_modules/*/*.css');require("./style/style.scss")webpack.config.js加入module: {rules: [{test: /\.(css|scss)$/,loader:"style-loader!css-

月迷津渡丶

10609人浏览 · 2016-12-08 21:03:35

月迷津渡丶 · 2016-12-08 21:03:35 发布

js引入css和sass:

require('../node_modules/*/*.css');
require("./style/style.scss")

webpack.config.js加入

module: {
        rules: [{
            test: /\.(css|scss)$/,
            loader:"style-loader!css-loader!postcss-loader!sass-loader"
        }],
    },

同级目录新建postcss.config.js

module.exports = {
  plugins: [
    require('autoprefixer')({browsers:'ios >= 8'})
  ]
}

完成

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^