react webpack配置

2020.07.29 - GJX

最近在研究一个开源BI项目,打包用的是webpack,收集了一些相关资料和自己的使用经验分享出来。

安装webpack

  1)以命令行工具的形式使用webpack时,在全局安装webpack。

npm install webpack -g

  2) 编写自己的构建脚本,或由项目指定需要依赖的webpack,本地安装,webpack只是构建工具的角色,应该安装在dev-dependencies中,但是,目前我们只使用命令行工具,这种安装方式,只是作为介绍,在之后的搭建过程中并不会用到。

npm install webpack --save-dev

配置基本的webpack

  在项目根目录下添加webpack.config.js配置文件,它是一个Node.js模块格式的配置文件,直接导出一个配置对象。

 // 用于拼接路径
 var path = require('path');
 
 module.exports = {
     // 指定项目入口
     entry: path.resolve(__dirname, 'index.jsx'),
 
     // 对输出结果描述
     output: {
         // 输出路径
         path: path.resolve(__dirname, 'build'),
         // 输出的文件名
         filename: 'bundle.js'
     },
 
     // 配置模块使用的加载器
     module: {
         loaders: [
         {
             // 假设我们拥有一个编译sass加载器
             // 匹配字符串
             test:/\.scss$/,
             // 使用的加载器,不可以省略加载器的后缀-loader
             loaders:['style-loader', 'css-loader', 'sass-loader']
         }
     }
 }

- END -

16
0

已关闭回复!

Java 8新特性lambda 方法引用

java8

Lambda 表达式,也可称为闭包。 Lambda 允许把函数作为一个方法的参数(函数作为参数传递进方法中)。 […]