Webpack.js 配置基本项说明

2021-04-26 14:27

阅读:474

标签:解析   out   name   com   模块   自动补全   bpa   module   ports   

module.exports = {
  entry: "./src/main.js", //是页面中的入口文件,比如我这边的入口文件时main.js
  //output 是指页面通过webpack打包后生成的目标文件放在什么地方去,此处是在根目录下生成build文件夹,该文件夹内有一个build.js文件;
  output: {
    filename: "build/build.js"
  },
  module: {
    loaders: [
       //.css 文件使用 style-loader 和 css-loader 来处理
      { test: /\.css$/, loader: "style!css" },
      //.js 文件使用 jsx-loader 来编译处理
      { test: /\.js$/,    loader: "jsx-loader" }
    ]
  },
  //resolve 定义了解析模块路径时的配置,常用的就是extensions; 可以用来指定模块的后缀,这样在引入模块时就不需要写后缀,会自动补全。
  resolve: {
    extensions: [‘‘, ‘.js‘, ‘.jsx‘]
  },
  //plugins 定义了需要使用的插件,比如commonsPlugin在打包多个入口文件时会提取公用的部分,生成common.js;
  plugins: []
};

 

Webpack.js 配置基本项说明

标签:解析   out   name   com   模块   自动补全   bpa   module   ports   

原文地址:https://www.cnblogs.com/zhuji/p/12220752.html


评论


亲,登录后才可以留言!