配置webpack

安装webpack
在全局安装webpack:  npm install webpack -g
在项目的根目录创建一个 webpack.config.js
module.exports = {
  // 配置项
  //  entry: 打包的入口文件,一个字符串或者一个对象
  // output: 配置打包的结果,一个对象
  // fileName:定义输出文件名,一个字符串
  // path:定义输出文件路径,一个字符串
  // module: 定义对模块的处理逻辑,一个对象
  // loaders:定义一系列的加载器,一个数组
  // [
  // {
  // test: 正则表达式,用于匹配到的文件
  // loader/loaders:字符串或者数组,处理匹配到的文件。如果只需要用到一个模块加载器则使用 loader:string,如果要使用多个模块加载器,则使用loaders:array
  // include: 字符串或者数组,指包含的文件夹
  // exclude:字符串或者数组,指排除的文件夹
  // }
  // ]
  // resolve: 影响对模块的解析,一个对象
  // extensions:自动补全识别后缀,是一个数组
  // plugins: 定义插件,一个数组
}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
webpack配置

相关推荐