webpack--指南1--打包文件配置
来源:互联网 发布:常州java程序员招聘 编辑:程序博客网 时间:2024/05/23 14:04
全局安装webpack
npm install webpack -g
1:创建一个webpack-demo文件夹,并且进入这个文件夹
mkdir webpack-demo && cd webpack-demo
2:生成package.json文件
npm init -y
此时项目结构如图:
3:添加webpack
npm install --save-dev webpack
此时项目结构如图:node_modules文件夹中居然有484个文件夹
4:新建文件,结构如图
npm install --save lodash
5:利用webpack生成bundle.js文件
(1)方法一:
webpack src/index.js dist/bundle.js
(2)方法二:
新建一个webpack.config.js文件
webpack --config webpack.config.js
此时在dist文件夹中就生成了bundle.js文件;打开index.html可以看到内容
(3)方法三(在webpack.config.js文件基础上):
考虑到CLI这种方式来运行本地的webpack不是很方便,我们可以设置一个快捷方式
//package.json{... "scripts": { "build": "build" },...}
运行npm run build来代替我们之前的长命令,
阅读全文
0 0
- webpack--指南1--打包文件配置
- Webpack打包 ng2英雄指南
- React+Webpack打包配置
- webpack打包,配置路径
- webpack打包文件
- webpack打包js调试配置
- webpack基本打包配置流程
- webpack 独立打包 css 文件
- webpack 多入口文件打包
- 使用webpack打包脚本文件
- webpack打包js文件,自用~~
- webpack打包1
- webpack文件配置
- 在vue中用webpack打包之后运行文件问题以及相关配置
- webpack基本配置及打包操作
- Webpack(一)前端项目打包配置
- 解决webpack打包文件过大的问题
- 解决webpack打包文件过大的问题
- java web 文件下载
- ResultSetHandler——DBUtils中封装结果集接口的使用
- 每日一则JavaWeb---ClassLoader原理解析
- 分析500个需求,发现可以年赚30万的蓝海项目
- mysql 批量插入
- webpack--指南1--打包文件配置
- c++强制类型转换:dynamic_cast、const_cast 、static_cast、reinterpret_cast
- logback 常用配置详解(二) <appender>
- 前端入门知识.....有关数组的一些方法.....
- 数据库 varchar 和char区别
- Spring MVC 中获取session的几种方法
- SpringBoot入门之HelloWorld(含源码)
- jquery获取json对象的key和value
- 2017开学训练第一周周中总结