react webpack.config 配置文件

最新推荐文章于 2024-08-03 16:12:56 发布

wyd_4219

最新推荐文章于 2024-08-03 16:12:56 发布

阅读量3.2k

点赞数

分类专栏： react部分组件

本文链接：https://blog.csdn.net/qq_42120254/article/details/81027402

版权

react部分组件专栏收录该内容

1 篇文章 0 订阅

订阅专栏

 
  module. 
  exports = { 
 
  entry: 
  "./app.js", 
  //入口文件 
 
  output:{ 
 
  path:__dirname, 
  //输出的目录 
 
  filename: 
  'bundle.js' 
  //输出的文件名称 
 
       }, 
 
  devtool: 
  "source-map", 
  //便于调试，相当于命令行中 webpack --devtool source-map 
 
  module: { 
  //依赖的模块 
 
          rules: [ 
  //模块、规则，如果在webpack旧版本中用的不是rules。用的是loaders 
 
               { 
 
                  test: 
   / 
  \. 
  js 
  $ 
  /, 
 
                  loader: 
  'babel-loader', 
 
                  query:{ 
  //es6预设 
 
                  presets:[ 
  "es2015", 
  "react"], 
 
                   } 
 
               }, 
 
               { 
 
                  test: 
   / 
  \. 
  css 
  $ 
  /, 
 
                  exclude: 
   /node_modules/, 
 
                  loader: 
  'style!css?module&localIdentName=[hash:base64:5]&-url' 
 
               }, 
 
               { 
 
                  test: 
   / 
  \. 
  scss 
  $ 
  /, 
 
                  exclude: 
   /node_modules/, 
 
                  loader: 
  'style-loader!css-loader!sass-loader' 
 
               }, 
 
               { 
  //背景图片 
 
  test: 
  / 
  \. 
  ( 
  jpg 
  | 
  png 
  | 
  gif 
  ) 
  $ 
  /, 
 
  loader: 
  "url-loader?limit=1024" 
 
               }, 
 
               { 
  //字体文件 
 
  test: 
  / 
  \. 
  ( 
  eot 
  | 
  woff 
  | 
  svg 
  | 
  ttf 
  | 
  woff2 
  | 
  gif 
  | 
  appcache 
  )( 
  \? 
  |$ 
  ) 
  /, 
 
  loader: 
  'file-loader?name=[name].[ext]' 
 
               } 
 
           ] 
 
       }, 
 
  devServer: { 
 
          host: 
  '0.0.0.0', 
  //可以适用与手机浏览器 
 
          port: 
  5000 
  //端口 
 
       } 
 
   }