![](https://img-blog.csdnimg.cn/20200301180900803.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
webpack
webpack
全栈开发ck
微信公众号
展开
-
框架集合
javascript 官网 jQuery jQuery 极大地简化了 JavaScript 编程 <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> 中文文档 速查表 Bootstrap 专注于响应式布局 <!-- Bootstrap --> <link hre...原创 2020-02-26 15:06:58 · 139 阅读 · 0 评论 -
gulp
前端的构建工具常见的有Grunt、Gulp、Webpack三种,Grunt比较老旧,功能少,更新少,插件少。 概念: gulp是一个自动化构建工具,主要用来设定程序自动处理静态资源的工作。简单的说,gulp就是用来打包项目的。 官网:https://gulpjs.com/ 中文官网:https://www.gulpjs.com.cn/docs/ 安装: 全局安装: npm i gulp@3.9.1...原创 2019-12-11 19:26:11 · 131 阅读 · 0 评论 -
ejs
入门 安装 利用 NPM 安装 EJS 很简单。 $ npm install ejs Use 将模板字符串和一些数据作为参数传递给 EJS,Duang,HTML 出来了。 var ejs = require('ejs'), people = ['geddy', 'neil', 'alex'], html = ejs.render('<%= people.join(", ")...原创 2019-12-11 19:25:12 · 244 阅读 · 0 评论 -
使用webpack搭建一个VUE工程项目
webpack 工作原理 本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle。 构建一个webpack工作环境 首先创建如下所示文件: 其中as...原创 2019-11-04 13:06:08 · 291 阅读 · 0 评论 -
Lodash
Lodash cdn 载入 <script src="https://unpkg.com/lodash@4.16.6"></script> npm 载入 $ npm i -g npm $ npm i --save lodash 为什么选择 Lodash ? Lodash 通过降低 array、number、objects、string 等等的使用难度从而让 JavaSc...原创 2020-01-07 14:30:05 · 518 阅读 · 0 评论 -
package.json
cross-env NODE_ENV=production像这样设置环境变量时,大多数Windows命令提示符都会阻塞 。(Windows上的Bash是例外,它使用本机Bash。)同样,Windows和POSIX命令使用环境变量的方式也有所不同。对于POSIX,您可以使用:$ENV_VAR 和在Windows上可以使用%ENV_VAR%。 ...原创 2020-01-07 09:07:49 · 212 阅读 · 0 评论 -
webpack插件
add-asset-html-webpack-plugin 将JavaScript或CSS资产添加到生成的HTML中 html-webpack-plugin babel-core Babel编译器核心。 babel-loader 该软件包允许使用Babel和webpack转换JavaScript文件。 babel-plugin-syntax-dynamic-impor 语法动态导入 babel-p...原创 2020-01-06 19:27:48 · 374 阅读 · 0 评论 -
创建webpack
创建webpack项目 选择一个文件夹,作为webpack项目的目录,我这里建立在F盘的item文件夹的webpackDemo文件夹里了,路径为F:\item\webpackDemo\ 然后在该目录下按住shift键,并点击鼠标右键。 win7以前是点在此处打开cmd命令窗口(具体名称不记得了,反正差不多这样) win10点击在此处打开Powershell窗口 安装: 进入命令窗口之后,使用...原创 2019-12-11 19:28:03 · 147 阅读 · 0 评论 -
webpack
概念 webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle。 入口(entry) 入口起点(entry point)指示 webpack 应该使用哪个模块,来作为...原创 2019-09-17 11:52:41 · 250 阅读 · 0 评论