webpack
webpack
全栈开发ck
微信公众号
展开
-
框架集合
javascript官网jQueryjQuery 极大地简化了 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 ejsUse将模板字符串和一些数据作为参数传递给 EJS,Duang,HTML 出来了。var ejs = require('ejs'), people = ['geddy', 'neil', 'alex'], html = ejs.render('<%= people.join(", ")...原创 2019-12-11 19:25:12 · 243 阅读 · 0 评论 -
使用webpack搭建一个VUE工程项目
webpack 工作原理本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle。构建一个webpack工作环境首先创建如下所示文件:其中as...原创 2019-11-04 13:06:08 · 291 阅读 · 0 评论 -
Lodash
Lodashcdn 载入<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-envNODE_ENV=production像这样设置环境变量时,大多数Windows命令提示符都会阻塞 。(Windows上的Bash是例外,它使用本机Bash。)同样,Windows和POSIX命令使用环境变量的方式也有所不同。对于POSIX,您可以使用:$ENV_VAR 和在Windows上可以使用%ENV_VAR%。...原创 2020-01-07 09:07:49 · 209 阅读 · 0 评论 -
webpack插件
add-asset-html-webpack-plugin将JavaScript或CSS资产添加到生成的HTML中 html-webpack-pluginbabel-coreBabel编译器核心。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 · 249 阅读 · 0 评论