主流框架的搭建（VUE，React）

vue脚手架：
cnpm install vue vue-cli -g
vue init webpack/webpack-simple shuaige(新建文件夹的名字)
cd shuaige
cnpm install

npm run dev

打包npm run build

react脚手架：
cnpm install create-react-app -g
create-react-app shuaige(新建文件夹名字)
cd shuaige
cnpm install

运行是npm start
打包npm run build
cnpm install serve -g
serve -s build

/*开发模式devD,你开发是用的*/
有关webpack自己配置的问题：
1.npm init (生成pack.json);
2.cnpm install webpack-cli -g(webpack -v【当时我用的是4.X】);
3.cnpm install webpack -D;
4.cnpm install webpack-cli -D;
5.entry(入口文件)，output(出口文件)，plugins:{},有关title的问题（<%=htmlWebpackPlugin%>）,pack.json("build":"webpack --mode development");
6.clean-webpack-plugin:删除某些东西
7.服务器环境【webpack-dev-server】("dev":"webpack-dev-server --mode development")
8.loaders:加载器，转化器less/scss,ES[style-loader,css-loader],use:[{loader:'style-loader'},{loader:'css-loader'}],压缩，--mode production
9.cnpm install file-loader url-loader -D
10.extract-text-webpack-plugin[分离css],
11.遇见替代，版本太低（extract-text-webpack-plugin@next）
遇见路径问题publicPath:'../'[vue项目上线时，哪里见过]
outputPath:'images'[打包出去的路径]
new extractTextPlugin(提取出去的路径css/index.css)
mini-css-extract-plugin:(2018/3.23支持不好)

*********less*******
cnpm install less less-loader -D
*****sass****

postCss 预处理器（自动添加浏览器前缀）

转载于:https://www.cnblogs.com/MDGE/p/9162911.html

主流框架的搭建（VUE，React）相关推荐

（一）导学（前端框架面试-聚焦Vue/React/Webpack）
导学全面高效学习前提前端常见面试流程知识点介绍 Vue框架部分 React框架部分工具部分项目设计讲解方式注意事项全面全面的知识体系大量的面试真题完整的技术面试流程高效直 ...
几个javascript框架对比（vue,react,Angular等），如何选择？
javascript框架大对比 React 原生渲染,跨平台开发规模向上拓展向下拓展 Angular 大型应用 TypeScript 体积学习曲线 Ember 全能框架 Knockout IE ...
web前端三大主流框架_web前端三大主流框架
于前端开发工程师来说,组件化模块的框架能够帮助我们更加快速的搭建自己的网站.下面本篇文章和大家介绍一下web前端的三大主流框架:Angular.React.Vue,让大家可以对这三个框架有一定的了解, ...
web前端三大主流框架是什么？
转载自品略图书馆 http://www.pinlue.com/article/2020/07/1217/0311017786310.html web前端三大主流框架是什么?前端开发师的岗位职责有哪些? ...
web前端三大主流框架介绍
转自:微点阅读 https://www.weidianyuedu.com web前端三大主流框架是什么? 前端开发师的岗位职责有哪些?微点阅读小编整理了相关内容供大家参考了解,请各位小伙伴随小编一起 ...
浅谈web前端三大主流框架
转自:微点阅读(www.weidianyuedu.com)http://www.weidianyuedu.com/ web前端三大主流框架是什么?前端开发师的岗位职责有哪些?小编整理了相关内容供大家参 ...
react，ng，vue三大主流框架的ssr比较
react,ng,vue三大主流框架的ssr比较个人项目使用了ng6+Universal和vue+nuxt,也了解react+next框架的实现.next和nuxt需要在开发过程中使用框架对应的开发 ...
前端主流浏览器兼容写法（css、js）以及主流框架vue,react的兼容性
前言: 前端样式很重要,但是因为浏览器种类繁多,内核不同,会导致各种兼容问题.尤其ie,但好在微软对ie不在更新了. 常见浏览器: 常见的浏览器有:IE.Edge(替代了ie).Firefox.QQ浏 ...
前端三大主流框架React、Vue.js、Angular的优缺点分析
对于一个前端人员来说,熟练掌握框架可以大大提高开发效率,同时框架也是他们与企业谈判薪资的底气.很多学习前端的人在完成对基础知识的掌握之后都要学习框架,接下来就给大家讲解三大主流框架React.Vue. ...

主流框架的搭建（VUE，React）

主流框架的搭建（VUE，React）相关推荐

最新文章

热门文章