孟繁贵 - 博客园

2017年9月20日

摘要： 1、新建图层根据baner需求，新建图层尺寸： 2、将图片拖进图层按住shift对图片进行等比例缩放，将等比例缩放后的图片平铺到图层上。 3、添加文字设置字体以及字体颜色 4、添加描边选择文字图层，点击“fx（添加图层样式）” 5、效果、保存图片阅读全文

posted @ 2017-09-20 11:42 孟繁贵阅读(851) 评论(0) 推荐(0) 编辑

webpack 通用模块(每个页面都用到的js)编译

摘要： 1、项目目录 2、配置文件：webpack.config.js 3、执行命令 4、执行结果项目新的目录结构： common.js部分代码：阅读全文

posted @ 2017-09-20 11:19 孟繁贵阅读(3445) 评论(0) 推荐(0) 编辑

webpack CommonsChunkPlugin 提取公共代码

摘要： 1、项目结构 2、部分代码 module.js index文件夹下的index.js login文件夹下的index.js 3、webpack.config.js 4、测试（1）webpack.config.js 输出：（2）阅读全文

posted @ 2017-09-20 09:55 孟繁贵阅读(4005) 评论(0) 推荐(0) 编辑

2017年9月19日

webpack 引入jquery和第三方jquery插件

摘要： 1、引入jquery jQuery 直接在 html 中引入，然后在 webpack 中把它配置为全局即可。 index.html: webpack.config.js进行配置：有时我们希望我们通过script引入的库，如用CDN的方式引入的jquery，我们在使用时，依旧用require的方式来阅读全文

posted @ 2017-09-19 16:22 孟繁贵阅读(14883) 评论(0) 推荐(0) 编辑

npm install --save 与 npm install --save-dev 的区别

摘要：以npm安装testPlugin为例： 1、npm install testPlugin: 会把testPlugin包安装到node_modules目录中不会修改package.json之后运行npm install命令时，不会自动安装testPlugin 2、npm install --save: 阅读全文

posted @ 2017-09-19 10:11 孟繁贵阅读(446) 评论(0) 推荐(0) 编辑

2017年9月18日

webpack 编译图片文件 file-loader

摘要： 1、安装插件 npm i url-loader --save-dev npm i url-loader --save-dev npm install image-webpack-loader --save-dev 2、项目目录 3、layer.less index.html: 4、webpack.c 阅读全文

posted @ 2017-09-18 14:35 孟繁贵阅读(1747) 评论(0) 推荐(0) 编辑

webpack 编译html模板文件

摘要： 1、项目结构安装loader： 2、模板文件layer.html 3、layer.js 4、app.js 5、webpack.config.js 6、编译 7、结果阅读全文

posted @ 2017-09-18 10:59 孟繁贵阅读(911) 评论(0) 推荐(0) 编辑

webpack 编译模板文件

摘要： 1、项目结构安装loader： 2、模板文件layer.tpl 3、layer.js 4、app.js 注意： 5、webpack.config.js 6、编译 7、结果阅读全文

posted @ 2017-09-18 10:16 孟繁贵阅读(1014) 评论(0) 推荐(0) 编辑

2017年9月15日

webpack 编译less/scss文件

摘要： 1、安装插件处理less：处理sass： 2、项目目录： layer.less为： layer.js为： 3、webpack.config.js配置文件(以编译less为例) 注意：postcss-loader在css-loader后，在less-loader前。 4、执行编译&查看效果阅读全文

posted @ 2017-09-15 11:25 孟繁贵阅读(2742) 评论(0) 推荐(0) 编辑

webpack 处理CSS

摘要： 1、安装插件 common.css为： flex.css为： app.js为： 4、执行编译&查看结果阅读全文

posted @ 2017-09-15 10:49 孟繁贵阅读(1699) 评论(0) 推荐(0) 编辑

web前端开发技术

仰望星空，脚踏实地

公告