摘要:在根目录添加,配置新建这里引用了来方便展示页面引入样式引入组件库开发和基于开发的目录结构一致具体代码可以参考添加脚本只需要执行和就可以进行开发和构建,就相当于资源的引用路径。
parcel一个快速,零配置的 Web 应用程序打包工具,这里我介绍下如何和vue结合进行开发,强烈建议node8以上,具体代码:https://github.com/zlxbuzz/pa...
初始化项目mkdir parcel-demo && cd parcel-demo && yarn init -y安装依赖
yarn add parcel-bundler parcel-plugin-vue babel-preset-env less --dev yarn add vue-router
其中parcel-bundler是主要的工具,对于vue结尾的单文件,需要多带带处理文件类型,
parcel-plugin-vue这个插件会通过vueify来生成对应的代码,parcel会自动加载parcel-plugin开头的依赖。
//postcss.config.js module.exports = { plugins: [ require("autoprefixer")({ browsers: [ "last 20 versions", "IE 9", "iOS >= 8"]})] }
//.babelrc { "presets": [ ["env"] ] }新建html
这里引用了mint来方便展示页面
开发parcel-vue-demo
和基于webpack开发的目录结构一致,具体代码可以参考 https://github.com/zlxbuzz/pa...
src ├── app.vue ├── index.js ├── index.less ├── router.js └── views ├── detail.vue └── index.vue
//index.js import app from "./app.vue" import router from "./router" import "./index.less" window.onload = function(){ new Vue({ router, el: "app", components: { app } }); }添加脚本
{ "name": "h5", "version": "1.0.0", "main": "index.js", "license": "MIT", "scripts": { "dev": "parcel index.html", "build": "parcel build index.html --public-url /" }, "devDependencies": { "babel-preset-env": "^1.6.1", "less": "^2.7.3", "parcel-bundler": "^1.2.0", "parcel-plugin-vue": "^1.0.1" }, "dependencies": { "vue-router": "^3.0.1" } }
只需要执行npm run dev 和 npm run build 就可以进行开发和构建,public-url就相当于资源的引用路径。
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/92123.html
摘要:年前端有哪些领域,技术值得关注,哪些技术会兴起,哪些技术会没落。自从谷歌提出后,就持续的获得了业界的关注,热度可见一斑。就在今年,谷歌也宣布将获得与安卓原生应用同等的待遇与权限。但是无论都值得关注。 1.前言 2017悄然过去,2018已经来到。人在进步,技术在发展。2018年前端有哪些领域,技术值得关注,哪些技术会兴起,哪些技术会没落。下面就我个人的判断进行一个预测判断,希望能对大家...
摘要:年前端有哪些领域,技术值得关注,哪些技术会兴起,哪些技术会没落。自从谷歌提出后,就持续的获得了业界的关注,热度可见一斑。就在今年,谷歌也宣布将获得与安卓原生应用同等的待遇与权限。但是无论都值得关注。 1.前言 2017悄然过去,2018已经来到。人在进步,技术在发展。2018年前端有哪些领域,技术值得关注,哪些技术会兴起,哪些技术会没落。下面就我个人的判断进行一个预测判断,希望能对大家...
摘要:的另一个核心特性,苹果表示也正在开发中,按开发进度可能几个月后就能与我们见面。是基于的本地化数据库,支持以及浏览器环境。 前端每周清单专注前端领域内容,以对外文资料的搜集为主,帮助开发者了解一周前端热点;分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。欢迎关注【前端之巅】微信公众号(ID: frontshow),及时获取前端每周清单。 本期是 2017 年的最后一...
摘要:一个基于打包工具的急速开发脚手架解决方案强烈建议使用以上项目地址初始化项目安装依赖其中是主要的工具,对于结尾的单文件,需要单独处理文件类型,这个插件会通过来生成对应的代码,会自动加载开头的依赖。 parcel-vue 一个基于Parcel打包工具的 VueJS急速开发脚手架解决方案,强烈建议使用node8.0以上 项目地址: https://github.com/w3c-king/p....
阅读 993·2021-11-22 13:53
阅读 1532·2021-11-17 09:33
阅读 2308·2021-10-14 09:43
阅读 2764·2021-09-01 11:41
阅读 2238·2021-09-01 10:44
阅读 2869·2021-08-31 09:39
阅读 1424·2019-08-30 15:44
阅读 1835·2019-08-30 13:02