随笔分类 -  webpack

webpack练习
摘要:1、在项目的的根目录下新建vue.config.js 2、新建一个config包,里面存放不同的环境文件,里面包含:pro.env.js(生产环境配置),uat.env.js(测试环境配置),dev.env.js(本地环境) 文件目录如下: 2-1、生产环境内容 2-2、测试环境内容 2-3、本地环 阅读全文
posted @ 2018-05-28 17:30 左岸-oopp 阅读(40530) 评论(3) 推荐(2)
摘要:一、什么是loader loader 用于对模块的源代码进行转换。loader 可以使你在 import 或"加载"模块时预处理文件。因此,loader 类似于其他构建工具中“任务(task)”,并提供了处理前端构建步骤的强大方法。loader 可以将文件从不同的语言(如 TypeScript)转换 阅读全文
posted @ 2018-04-14 10:42 左岸-oopp 阅读(1554) 评论(0) 推荐(0)
摘要:1、使用命令行npm install jquery来安装jQuery 2、在webpack.config.js文件里配置: 之所以使用“$$”,是因为我要在“vue-cli”里使用,为了区别“vue-cli”里的“$”, 3、在*.vue文件里使用全局Jqeury, 这样我们在使用vue-cli 时 阅读全文
posted @ 2017-04-14 16:32 左岸-oopp 阅读(3402) 评论(0) 推荐(0)
摘要:在使用vue-cli时我们先了解一下什么是webpack。 Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔,等到实际需要的时候再异步加载。通过 loader 的转换,任何形式的资源都 阅读全文
posted @ 2017-03-23 19:15 左岸-oopp 阅读(1199) 评论(0) 推荐(0)
摘要:使用babel来编译es6的语法; 1、在终端上输入指令 2、在webpack.config.js里配置: {test: /\.js$/, loader: 'babel'} 3、在.babelrc里配置: 4、运行webpack指令 表示成功。 index.js 里的代码如下: 要引入的text.j 阅读全文
posted @ 2017-03-01 18:19 左岸-oopp 阅读(6903) 评论(0) 推荐(0)
摘要:最近在学习vue,需要用到webpack打包css,在webpack中文网https://www.webpackjs.com/里只有css的打包配置, 在编写css样式时,因为要引入 背景图片,打包时webpack就会报错,css样式如下: 使用webpack打包时报的错误如下图: 开始以为是自己的 阅读全文
posted @ 2017-03-01 14:34 左岸-oopp 阅读(19144) 评论(3) 推荐(2)