音乐涂鸦乐园歌曲,萝卜干腌制方法,陈元汐
近日,vue作者尤雨溪发布了正式的vue cli 3.0,基于webpack4,赶紧试一下.
文档地址
简介
vue cli 是一个基于 vue.js 进行快速开发的完整系统
使用
<!-- 安装 --> npm install -g @vue/cli <!-- 创建项目 --> npm create new-cli
然后就是配置,可默认(babel,eslint),自定义
自定义有 babel ts pwa vue-router vuex css预处理 以及linter/formatter,unit testing e2e testing
然后就是安装依赖
目录如下
没有cli2版本的build和config,多个babel.config.js
官网介绍是可以新建个vue.config.js进行相关webpack配置,比如
// vue.config.js module.exports = { configurewebpack: { plugins: [ new myawesomewebpackplugin() ] }, //loader chainwebpack: config => { config.module .rule('vue') .use('vue-loader') .loader('vue-loader') .tap(options => { // 修改它的选项...loader return options }) }, //生产环境关闭map productionsourcemap:false, //基本url baseurl: process.env.node_env === 'production' ? 'http://www.baidu.com' : 'https://www.google.com', outputdir:'dist', //build 目录 assetsdir:'',//asset目录 indexpath:'',//指定 路径 filenamehashing:true,//文件名带hash // multi-page模式,每个“page”应该有一个对应的 javascript 入口文件 pages: { index: { // page 的入口 entry: 'src/index/main.js', // 模板来源 template: 'public/', // 在 dist/ 的输出 filename: '', // 当使用 title 选项时, // template 中的 title 标签需要是 <title><%= htmlwebpackplugin.options.title %></title> title: 'index page', // 在这个页面中包含的块,默认情况下会包含 // 提取出来的通用 chunk 和 vendor chunk。 chunks: ['chunk-vendors', 'chunk-common', 'index'] }, // 当使用只有入口的字符串格式时, // 模板会被推导为 `public/subpage.html` // 并且如果找不到的话,就回退到 `public/`。 // 输出文件名会被推导为 `subpage.html`。 subpage: 'src/subpage/main.js' }, //css配置 css: { sourcemap:false,//css source map loaderoptions: { css: { // 这里的选项会传递给 css-loader }, postcss: { // 这里的选项会传递给 postcss-loader } } }, //dev server devserver: { host:127.0.0.1 port:8000, proxy: 'http://localhost:4000', overlay: { warnings: true,//警告 errors: true//错误 } } }
其他
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持移动技术网。
如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复
详解element上传组件before-remove钩子问题解决
vue.js中使用微信扫一扫解决invalid signature问题(完美解决)
网友评论