亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

postcss的配置問題

var htmlWebpackPlugin = require("html-webpack-plugin");

var path = require('path');

var webpack = require('webpack');

module.exports = {

?????entry: './src/app.js',

???? output: {

???? path: __dirname + '/dist',?

???? filename: 'js/[name]-bundle.js'

???? },


module: {

???? rules: [

???????? {

???????????? test: /\.js$/,

????????????include: '/src/', ? ? ?

???????????? exclude: '/node_modules/', ? ?

???????????? loaders: "babel-loader",?

???????????? query: {

???????????????? presets: ["latest"]

???????????????? }

???????? },

???????? {

? ? ? ? ? ? ? test:/\.css$/,

? ? ? ? ? ? ? use:[

? ? ? ? ? ? ? ? ? {

? ? ? ? ? ? ? ? ? ? ? loader:'style-loader'

? ? ? ? ? ? ? ? ? },

? ? ? ? ? ? ? ? ? {

? ? ? ? ? ? ? ? ? ? ? loader:'css-loader',

? ? ? ? ? ? ? ? ? ? ? options:{

? ? ? ? ? ? ? ? ? ? ? ? ? importLoaders:1

? ? ? ? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? ? },

? ? ? ? ? ? ? ? ? {

? ? ? ? ? ? ? ? ? ? ? loader:'postcss-loader'

? ? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ]

? ? ? ? ? }

????]

},

plugins: [

????new htmlWebpackPlugin({

???? ????filename: 'index.html',?

???? ????template: 'index.html',?

???? ????inject: 'body',?

???? }),

????new webpack.LoaderOptionsPlugin({

???? ? ? ? ?options: {

???? ? ? ? ? ? ?postcss: function(){

???? ? ? ? ? ? ? ? ?return [

???? ? ? ? ? ? ? ? ? ? ?require('autoprefixer')({

???? ? ? ? ? ? ? ? ? ? ? ? ?broswers: ['last 5 versions']

???? ? ? ? ? ? ? ? ? ? ?})

???? ? ? ? ? ? ? ? ?]

???? ? ? ? ? ? ?}

???? ? ? ? ?}

???? ? ?})


????]

}

為什么我還是不行,我也已經配置了postcss.config.js 文件了


module.exports = {

? ? plugins:[

? ? ? ? require('autoprefixer')({ browsers: ["last 5 versions"]})

? ? ]

}


還是報這個錯

http://img1.sycdn.imooc.com//5919458c00014b8408110112.jpg

正在回答

2 回答

{
????????test:?/\.css$/,
????????use:?[
	????????{
	??????		loader:'style-loader'
	??????	},
	??????	{
	????????	loader:'css-loader'
	??????	},
	??????	{?
	??????		loader:?'postcss-loader',
	??????		//?some?plugins?of?postcss-loader:some?options
	??????		options:?{
	??????			plugins:?function?()?{
	??????				return?[
	??????					require('postcss-import')({
	??????						root:this.resourcePath
	??????					}),
	??????					require('autoprefixer')({
	??????						broswers:?['last?5?versions']
	??????					})
??????					]
	??????			}
	????			}
	????		}
????		]	
			},


0 回復 有任何疑惑可以回復我~
#1

joyful2

為啥我還是不行,試了很多方法都不行,求教!
2018-06-20 回復 有任何疑惑可以回復我~
??????{
????????test:?/\.css$/,
????????loaders:?[
??????????"style-loader",?
??????????"css-loader?importLoaders=1",?
??????????{
????????????loader:?"postcss-loader",
????????????options:?{
??????????????plugins:?(loader)=>[
????????????????require('autoprefixer')({
????????????????????broswers:['last?5?versions']
????????????????})
??????????????]
????????????},
??????????}
????????],
??????}

這么配置

1 回復 有任何疑惑可以回復我~
#1

joyful2

應該是browsers吧,不過單詞改過來也不行。有知道的嗎?
2018-06-20 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

postcss的配置問題

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號