Code Monkey home page Code Monkey logo

sass-home's Introduction

webpack

基于vue-cli改造的多页SPA开发脚手架
src/entries目录下的每一个文件夹会被编译成一个同名的html文件。该文件夹中必须有一个index.ejs和一个index.js文件
默认编译全部入口,也可以通过参数指定编译特定的入口文件夹

环境依赖

node

去官网下载安装node7.9+版本(8.x版也可以),windows版会附带npm。这是一个包管理工具,我们会用它来安装下面提到的其它依赖工具

yarn

npm install yarn -g

没有npm的话可以直接去这里下载yarn安装包

vue-devtools

可以在控制台查看vue实例的状态的调试工具。 安装地址 如果控制台不显示,需要检查以下配置

  • 网页使用vue.js而不是vue.min.js,或在刚初始化好后设置Vue.config.devtool=true
  • 关闭控制台再重新打开

常用命令

1.开发环境初始化项目

yarn

2.开发环境启动项目

yarn run dev

也可以使用以下命令只编译一个入口

yarn run dev -- -e demo

3.发布到fe.hellobyebye.com

yarn run deploy-fe

会自动部署到https://fe.hellobyebye.com/工程名/入口名.html


4.发布到svn

yarn run build

也可以使用以下命令只编译一个入口

yarn run build -- -e demo

然后手动拷贝dist/入口名.html到svn的static/spa对应目录下,并提交


项目初始化

1.修改全局配置

  • 修改config/index.js中的dev.port,并记录在有道云笔记
  • 修改package.json中的repository.url

2.创建fe.onluxy.com部署文件夹

fe.onluxy.com项目目录下以工程名创建一个文件夹

sass-home's People

Contributors

xyyf avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.