码迷,mamicode.com
首页 > Web开发 > 详细

webpack4.0 + react

时间:2019-07-31 14:40:47      阅读:151      评论:0      收藏:0      [点我收藏+]

标签:bpa   loader   es2015   text   rip   eset   script   ror   class   

  webpack4.0 中删除了 DefinePlugin、module.loaders、NoErrorsPlugin、CommonsChunkPlugin、OccurenceOrderPlugin,将不再支持这也插件等;

 

  moudule.loader

    在 webpack3.0 中进行文件的解析的时候我们的配置一般是:

module: {
  rules: [
    { 
      test: /\.js|.jsx$/, loader: "babel-loader", query:{ presets:["es2015","react"] }     },
    {       test: /\.css$/, loader: ‘style-loader!css-loader‘     },     {       test: /\.scss$/, loader: ‘style-loader!css-loader!sass-loader‘     },     {       test: [/\gif$/,/\.jpe?g$/,/\.png$/], loader: ‘url-loader‘, options: { limit: 10000, } } ]
    },

     在 webpack4.0 中将不再使用 loader ,而是使用 use,但是好像还是可以继续使用 loader 的:

rules: [
    { test: /\.js|.jsx$/, use: ‘babel-loader‘ },
    { test: /\.css$/, exclude: /node_modules/,
       use: ExtractTextPlugin.extract({
       		fallback: ‘style-loader‘,
          use: ‘css-loader‘,
        })
   },
  { test: /\.scss$/, exclude: /node_modules/,
       	use: ExtractTextPlugin.extract({
       		fallback: ‘style-loader‘,
          use: ‘css-loader!sass-loader‘,
        })
   }
]

 

webpack4.0 + react

标签:bpa   loader   es2015   text   rip   eset   script   ror   class   

原文地址:https://www.cnblogs.com/mufc/p/11276038.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!