新建目录 Coponents : 放需要的应用组件,创建layer组件; --App.js : 应用的入口 --创建layer组件: Layer.html Layer.less Layer.js --修改配置文件: *记得安装插件html-webpack-plugins; loader 官网 => ...
分类:
Web程序 时间:
2017-04-28 20:33:34
阅读次数:
683
1. 现在项目下已经有了初始页面,页面引用的是bundle.js,但是我们打包后的文件名是不确定的(带hash等),有什么办法能自动改变路径?借助插件; 2. 安装npm install html-webpack-plugin –save-dev; 3. 配置文件中引用 官网=>using Plug ...
分类:
Web程序 时间:
2017-04-28 20:32:45
阅读次数:
217
想不想让你的浏览器监测你代码的修改,并自动刷新修改后的结果,其实Webpack提供一个可选的本地开发服务器,这个本地服务器基于node.js构建,可以实现你想要的这些功能,不过它是一个单独的组件,在webpack中进行配置之前需要单独安装它作为项目依赖 npm install webpack-dev ...
分类:
Web程序 时间:
2017-04-28 20:14:59
阅读次数:
168
webpack支持的三种模块化方式: AMD,COMMON,ES6 webpack官网很多文档都在 Configuration 在webpack中,任何资源都视为一个模块 loader的处理方式是从右到左 webpack-2: https://qiutc.me/post/webpack-2-%E7% ...
分类:
Web程序 时间:
2017-04-28 18:40:07
阅读次数:
218
entry: 页面中的入口文件; output:页面通过webpack打包后生成的目标文件放在什么地方去,我这边是在根目录下生成build文件夹,该文件夹内有一个build.js文件; resolve:定义了解析模块路径时的配置,常用的就是extensions;可以用来指定模块的后缀,这样在引入模块 ...
分类:
Web程序 时间:
2017-04-28 17:12:49
阅读次数:
161
分清webpack1与webpack2区别 1.webpack2的loader不能使用简写了,否则会报如下的错 正确如下: 2.node-sass安装失败,无法下载:Cannot download https://github.com/sass/node-sass/releases/download ...
分类:
Web程序 时间:
2017-04-28 13:34:57
阅读次数:
267
一、发展史1.起源与facebook的内部项目,主要开发view的js库。2.app的分类 :Native app原生app(ios,android)->各方面都最优。但不能跨平台webApp,webpack,Hbulider 打包app->跨平台,硬件支持比较弱。react native:开发方式 ...
分类:
其他好文 时间:
2017-04-28 09:19:00
阅读次数:
139
比如在webpack.config.js中的plugins中加入 然后就可以根据IS_SIGN来判断了 需要注意的是,如果你在webpack里整合了ESLint,那么,由于ESLint会检测没有定义的变量(ESLint要求使用全局变量时要用window.xxxxx的写法),因此需要一个global注 ...
分类:
Web程序 时间:
2017-04-27 16:43:00
阅读次数:
212
在vue-cli 生成的工程中引入了jquery,记录一下。(模板用的webpack) 首先在package.json里的dependencies加入"jquery" : "^2.2.3",然后install 在webpack.base.conf.js里加入 var webpack = requir ...
分类:
Web程序 时间:
2017-04-27 16:18:31
阅读次数:
175
恢复内容开始 webpack 的安装 1.//全局安装npm install -g webpack 2.在项目中,npm init自动创建package.json文件(一切选项默认即可) 3.//安装到你的项目目录npm install --save-dev webpack 开始使用webpack: ...
分类:
Web程序 时间:
2017-04-27 16:18:23
阅读次数:
182