6回答

• 

  云天明的DX3906

  2017-12-24 02:08:56

  谢谢老哥，终于可以让我睡觉了2017/12/24 上午2:04:07

  //新建一个postcss.config.js，里面写入

  module.exports = {
      plugins: [
          require('autoprefixer')({
              browsers: ['last 5 versions']
          })
      ]
  }

  
  

  //回到webpack.config.js

  rules:[
    {
                  test:/\.css$/,
                  use:[
                      'style-loader',
                      'css-loader',
                      'postcss-loader'
                  ]
              },
              {
                  test:/\.less$/,
                  use:[
                      'style-loader',
                      'css-loader',
                      'postcss-loader',
                      'less-loader'
                  ]
              },
              {
                  test:/\.scss$/,
                  use:[
                      'style-loader',
                      'css-loader',
                      'postcss-loader',
                      'sass-loader'
                  ]
              }
  ]

  
  

  0 0
• 

  高人一等193

  2017-08-11 14:22:27

  var htmlWebpackPlugin=require('html-webpack-plugin');
  var path=require('path');
  module.exports = {
  entry:'./src/app.js',
  output: {
  path:__dirname+'/dist',
  filename: 'js/[name].bundle.js'
  },
  module:{
  loaders:[
  {
  test:/\.js$/,
  loader:'babel-loader',
  //exclude:__dirname+'/node_modules/',
  //include:__dirname+'/src/',
  exclude:path.resolve(__dirname,'node_modules'),
  include:path.resolve(__dirname,'src'),
  query: {
     "presets":["latest"]
  }
  },
  {
  test:/\.css$/,
  use:[
  {loader:'style-loader'},
  {
  loader:'css-loader',
  options:{
  importLoaders: 1
  }
  },
  {
  loader:'postcss-loader',
  options:{
  ident:'postcss-ident',
  plugins:function(){
  return [
  require('autoprefixer')
  ]
  }
  }
  }
  ]
  }
  ]
  },
  plugins: [
          new htmlWebpackPlugin({
          filename:'index.html',
          template:'index.html',
          inject:'body'
          })
      ]
  }
  
  请无视上面的，这样来就可以了 样式用@import引别的样式表进来的也能解析了

  
  

  3 1

  叶梓欣

  亲测可以~谢谢~

  2018-02-08 10:31:16

  共 3 条回复 >

• 

  高人一等193

  2017-08-11 13:44:16

  module:{
  loaders:[
  {
  test:/\.js$/,
  loader:'babel-loader',
  exclude:path.resolve(__dirname,'node_modules'),
  include:path.resolve(__dirname,'src'),
  query: {
     "presets":["latest"]
  }
  },
  {
  test:/\.css$/,
  use:[
  {loader:'style-loader'},
  {loader:'css-loader'},
  {
  loader:'postcss-loader',
  options:{
  plugins:function(){
  return [
  require('autoprefixer')
  ]
  }
  }
  }
  ]
  }
  ]
  },

  这样整就可以了，视频里面的版本太低，那样走会报错
  

  0 1
• 

  小小辣条

  2017-07-07 16:01:48

  遇到同样的问题，

  
  

  0 0
• 

  TCircley

  2017-06-08 17:52:34

  我也同样遇到这种问题...只要是在css中使用了@import，无论是在哪里配置postcss-loader都报错

  后来使用postcss.config.js进行配置就OK，我也不懂为什么

  在项目根目录下创建一个postcss.config.js文件，配置如下

  module.exports = {
      plugins: [
          require('autoprefixer')({
              browsers: ['last 5 versions']
          })
      ]
  }

  
  

  4 4

  Thanat...

  真的管用了，3Q

  2017-12-26 17:24:01

  共 4 条回复 >

• 

  心有猛虎_细嗅蔷薇

  2017-05-23 08:49:30

  
  

  npm install css-loader style-loader --save-dev
  require('style.loader!css-loader!./[name].css')

  
  

  0 0