随笔分类 - webpack
摘要：用vue cli2 新建2个项目，一个使用runtime-compiler,一个使用runtime-only，创建时选项： 创建后的项目对比main.js文件之间的区别： runtime-compiler方式生成的文件main.js中有模板和注册组件。 runtime-only方式生成的文件main
阅读全文
摘要：1.vue cli全局安装： 1.1 安装 npm install -g @vue/cli 1.2 拉脚手架2的版本（魔板）： npm install @vue/cli-init -g 备注:以上2步骤后脚手架2和脚手架3都可以用 1.3 创建Vue cli2初始化项目：vue init webpa
阅读全文
摘要：需求：目前webpack.config.js文件中即有开发环境的配置信息，又有测试环境的配置信息，比如：丑化插件希望生产环境配置，开发环境不希望配置，使用起来不太方便。 因此需要对webpack.config.js文件进行抽离。 安装插件：npm install webpack-merge@4.1.
阅读全文
摘要：webpack的插件使用。 一、配置版权 1.webpack.config.js中引用webpack, const webpack = require('webpack') 2.plugins中配置版权 new webpack.BannerPlugin('最终版权归invoker所有') 3.代码如
阅读全文
摘要：一、将Vue实例内的template,data,methods抽离到一个app对象中 main.js代码如下： import Vue from 'vue'; new Vue({ el:'#app', template:` <div> <h2>{{message}}</h2> <button @cli
阅读全文
摘要：真实项目都是使用的SPA，单页面复用 index.html文件内若需要展示内容，修改内容，需要经常修改index.html文件，这个不合理。因此将里面内容抽取到main.js中 index.html抽取的内容如下： 1.将index.html中的模板内容剪切到main.js中 2.原理，vue读取m
阅读全文
摘要：webpack想要打包vue，就需要安装vue 一、安装vue npm install vue --save 安装到本地node中，node_modules/vue 2.在main.js中引用vue 3.build： npm run build 4.浏览器查看Html文件，有报错 这个报错是因为使用
阅读全文
摘要：场景：前面一篇主要是webpack打包处理js文件的，在一个项目中还有样式less转css,es6转es5,jpg转成浏览器识别的，.vue转成js文件。 实际：webpack本身不能做上面的事情。 解决：需要扩展webpack，使用loader 浏览器找html中的main.js,main.js中
阅读全文
摘要：一、优化点1： 之前是在命令行敲编译命令：webpack ./src/main.js -o ./dist/bundler.js，显示可以进行配置。 希望优化：只需要敲webpack命令，无需手动设置出口（打包成功后的文件）和入口（需要打包的文件） 步骤： 1.终端执行命令:npm init ,安装n
阅读全文
摘要：一、webpack有何用？ 问题1：前端的代码：样式less，浏览器不能读取less文件。 问题2：前端代码，es6的代码，部分版本低的浏览器只能读取解析es5的代码。 问题3：前端规范 CommonJS,AMD,CMD,ES6，浏览器如果没有底层支撑，则识别不了CommonJS,AMD,CMD.而
阅读全文
浙公网安备 33010602011771号