/** * Created by yangpu on 2016/9/18. */ //环境安装方法1.npm install //加载依赖模块2.npm run build //打包没有压缩,开发环境与第一次安装才用,未压缩3.npm run dev //开启http服务与热更新,开发环境并调试才用,未压缩4.npm run dist //发布生产环境才能,压缩并打包 访问地址:http://ip:8080/ 或者 http://localhost:8080/建议利用本机ip地址访问 方便手机调…

一.前言 之前介绍了webpack+react+redux+es6开发模式 ,这个项目对于一个独立的功能节点来说是没有问题的.假如伴随着源源不断的需求,前段项目会涌现出更多的功能节点,需要独立部署运行.为了更好地管理这些独立的功能节点,我们需要利用webpack进行单独的打包处理,针对不同的功能节点生成不同的配置文件 二.项目结构 1.项目demo目录图片示例 2.apps目录图片示例(project1和project2分别表示两个不同的功能节点) 三.npm-scripts 命令 packag…

一.预备知识 node, npm, react, redux, es6, webpack 二.学习资源 ECMAScript 6入门 React和Redux的连接react-redux Redux 入门教程   redux middleware 详解   Redux研究 React 入门实例教程 webpack学习demo NPM 使用介绍 三.工程搭建 之前有写过 webpack+react+es6开发模式 ,文章里介绍了一些简单的配置,欢迎访问. 1.可以npm init, 创建一个新的工程…

Vue 2.x + Webpack 3.x + Nodejs 多页面项目框架(上篇--纯前端多页面) @(HTML/JS) 一般来说,使用vue做成单页应用比较好,但特殊情况下,需要使用多页面也有另外的好处.例如手Q的多webview架构,新开页面有利于ios右划返回,也避免了返回时页面的刷新. 所以,这里我们探讨一下如何配置实现多页面的项目框架.这里是开篇,先以最简单的纯前端多页面为例入手,最终目标是完成Node.js多页面直出+前后端同构的架构. 本文源代码:https://github.c…

Vue 2.x + Webpack 3.x + Nodejs 多页面项目框架(下篇--多页面VueSSR+热更新Server) @(HTML/JS) 这是Vue多页面框架系列文章的第二篇,上一篇(纯前端Vue多页面)中,我们尝试从webpack-simple原型项目改造为一个多页面的Vue项目.而这里,我们继续往前,尝试把Vue多页面改造为Nodejs直出.由于步骤较多,所以本文片幅较长. 本文源代码:https://github.com/kenkozheng/HTML5_research/tr…

一.预备知识 node, npm, react, redux, es6, webpack 二.学习资源 ECMAScript 6入门 React和Redux的连接react-redux Redux 入门教程   redux middleware 详解   Redux研究 React 入门实例教程 webpack学习demo NPM 使用介绍 三.工程搭建 之前有写过 webpack+react+es6开发模式 ,文章里介绍了一些简单的配置,欢迎访问. 1.可以npm init, 创建一个新的工程…

因为最近在工作中尝试了 webpack.react.redux.es6 技术栈,所以总结出了一套 boilerplate,以便下次做项目时可以快速开始,并进行持续优化.对应的项目地址:webpack-react-redux-es6-boilerplate 该项目的 webpack 配置做了不少优化,所以构建速度还不错.文章的最后还对使用 webpack 的问题及性能优化作出了总结. 项目结构规划 每个模块相关的 css.img.js 文件都放在一起,比较直观,删除模块时也会方便许多.测试文件也同…

阅读本文章的时候,你要有一定的基础知识储备,简单的es6知识,模块化思想知识,js基础知识,node基础知识,react等 首先执行npm init,此时我的文件叫case; 下面安装一些需要的npm包: npm install react --save npm install webpack --save-dev 说明一下: --save:是用于生产和上线环境 --save-dev:只用于生产环境,上线后就不需要了 下面打包工具介绍:gulp,browserify,webpack 简单介绍下:…

nodejs是js后端运行平台,可以把它看成java体系中对应的jdk,是三个里面最基础的.npm是nodejs的包管理工具,可以把它看成maven中包依赖管理那部分.webpack是前端工程化打包工具,可以把它看成maven中工程自动化那部分 提问:1.webpack安装一般使用npm,那么也需要安装node,而后台不想用nodeJs编写,这样是不是多余,毕竟不用nodeJs,为什么要因为使用webpage而被动安装node呢?(请原谅我对这方面知识的欠缺= =) 2.不仅是vue.js使用n…

1. react https://reactjs.org/docs/add-react-to-a-new-app.html npm install -g create-react-app create-react-app my-app cd my-app npm start styling: https://codeburst.io/4-four-ways-to-style-react-components-ac6f323da822 2.redux https://github.com/reac…