webpack安装及基础配置
来源:互联网 发布:js获取id的属性值 编辑:程序博客网 时间:2024/04/26 09:19
webpack入门安装(Windows系统):
安装cnpm:
npm install -g cnpm --registry=https://registry.npm.taobao.org
1.全局安装: cnpm install -g webpack
2.基本设置 :
首先,让我们创建一个目录,初始化npm,并在本地安装webpack:
mkdir webpack-demo && cd webpack-demo
cnpm init -y
cnpm install --save-dev webpack
3.创建以下目录结构和内容:
现在采用webpack;文件目录如下:
将根目录下的index.js放到dist下,然后使用cnpm install --save-dev lodash
修改index.js如下:
建立webpack.config.js
基础配置如下:
__dirname node的全局根目录
在index.js引入bundle.js
运行 webpack 命令
在dist目录下就会有bundle.js
如果你不愿意使用webpack命令,也可以如下操作:
同样可以成功编译。此时文件目录:
小结:webpack全局安装 cnpm install -g webpack
webpack 新建项目:
mkdir webpack-demo && cd webpack-demo
cnpm init -y
cnpm install
webpack.config.js基础配置
module.exports = {
entry: __dirname+ "入口文件地址",
output: {
filename: "编译后的文件名",
path: __dirname + "打包后文件的存放目录"
}
}
webpack官网:https://webpack.js.org
- webpack安装及基础配置
- React +webpack 基础配置
- webpack 零基础配置
- webpack基础配置入门
- webpack配置及使用
- webpack配置及优化
- 安装及使用webpack
- webpack安装和配置
- Webpack 安装配置步骤
- webpack安装配置
- webpack构建React应用二:webpack的安装及基础使用
- extract-text-webpack-plugin 的安装及配置
- webpack入门和基础配置
- webpack 1 基础配置教程
- webpack 生产模式基础配置
- Saiku安装及基础配置
- ES6模块化及webpack配置
- webpack+react+ES6 配置安装
- SPI 串行外设接口
- babel es6转码的基本用法
- iOS 的 c++,c,obj-C,swift 混用 (转载)
- 浅谈区块链开发数字货币过程中环境变量问题
- cocos2d-x IOS11 删除文件 removeFile等修改
- webpack安装及基础配置
- @Autowired注解出错的原因
- 环境变量,include搜索路径,lib库搜索路径
- Anroid8.0安装未知来源应用
- hive,hbase命令行无法回格
- 机房逻辑捋一捋(二)
- Linux系统自带spi驱动加载及应用程序编写方法详解
- 单例设计模式
- JSP核心标签库