这是一个创建于 1708 天前的主题，其中的信息可能已经有所发展或是发生改变。
如题，各位前端大佬，我想问下我一个后端只想用样式，是不是需要先用 vue 或 react 将页面设计好，然后用打包工具比如 webpack 打包成 css，然后直接 html 文件页面引用，还有就是能不能不用 vue 路由直接用 href 跳转呢？十分感谢。
 |
1
wensonsmith 2020-03-06 15:25:10 +08:00  2
打了一堆字试图解释，发现不如你先试试 Vue 写一个 SAP 来的实在，自己做一遍就明白其中的道理了。
可以看看我写的这个文章吧 https://iwenson.com/react-with-tailwindcss-from-scratch/ |
 |
2
shintendo 2020-03-06 15:44:43 +08:00 1
vue 和 react 不是样式库，跟样式没有关系，它们代替的是 jQuery 这种，写逻辑的
你需要的可能是类似 bootstrap 的 css library ？ 或者是想用 ant-design 这种依赖 vue 或 react 的组件库？ |
 |
3
phpxiaowangzi OP 我描述有点问题，就是我想用 react ui 框架的组件，比如 ant design，是不是需要用组件先把页面拼出来然后编译成相关的 js css 和 html 页面 然后来进行使用？
|
 |
4
Torpedo 2020-03-06 15:53:23 +08:00 1
@phpxiaowangzi 你这不就是页面的一部分用 react 或者 vue 的 ui 组件么。当然可以。用 js 去写这块逻辑就行了
|
|
5
shintendo 2020-03-06 15:56:31 +08:00 1
@phpxiaowangzi 这种组件库一般是写 spa 的，编译出来就是一个 html，往静态资源里一丢就完事了，你说的使用是想怎么使用？前后端不分离？还是什么意思
|
 |
6
azcvcza 2020-03-06 15:57:41 +08:00 1
@phpxiaowangzi webpack 做的事是，在页面上挂一堆闭包，闭包里就是你往 react，vue 里写的各种 shit 函数，至于你自己是不会想看打包过的 js 的。如果是想要直接在页面上引入 js 库，CSS 文件开发，建议使用 JQuery
|
|
7
phpxiaowangzi OP @shintendo 就是这个意思，使用编译后的静态页面。
|
|
8
phpxiaowangzi OP @azcvcza 主要是想用这些框架里的样式，本来想用 bootstrap 但是默认样式太丑了，自己对 css 也不太熟练
|
|
9
shintendo 2020-03-06 16:11:07 +08:00 1
@phpxiaowangzi 打包出来就是一个文件夹，里面一个 html，js 和 css 资源引用都组织好的，不用做任何改动，直接把整个文件夹往网站目录里一丢就能用了
|
 |
10
chenluo0429 2020-03-06 17:12:14 +08:00 1
vue 和 react 不是 UI 库，不是样式库，而是一套开发框架，就好像 Spring 之于 Java 一样。想要写 Java 代码连接数据库，你显然需要 mysql-connector-java.jar 而不是 Spring
|
 |
11
Jacky23333 2020-03-06 18:02:50 +08:00 via Android 1
就是你在编写 react 的时候就已经使用了各种 ui 组件了，比如 ant degisn 组件，在 react 编译完成 js,css,html 等文件之后你就没办法修改了(因为生成的代码你就看不懂了
|
 |
12
aogu555 2020-03-06 21:02:16 +08:00 1
看你只是想用样式的话，直接去找 jq 的样式组件啊，推荐 layui
|
 |
13
xiaoming1992 2020-03-06 22:02:57 +08:00 via Android 1
楼主你就直接用 create-react-app 搞个 demo 就知道了，很快的，你有点前端基础，慢慢摸索一个小时也就够了，看着看着就会了的。用 antd 挺好的，照着 antd 的官网的文档两下就能撸出个架子来
|
|
14
xiaoming1992 2020-03-06 22:03:30 +08:00 via Android 1
能直接用 href 直接跳转的
|
 |
15
lihongming 2020-03-06 22:06:49 +08:00 via iPhone 1
没接触过 react 的话，你对前端的理解可能还停留在手动控制 html 的阶段。
react 对前端开发的改变是根本性的，你需要当作一门新的手艺学学才好理解。ant design 官方教程就挺好，建议花一两天读一遍。 |
 |
16
rockjike 2020-03-06 22:12:27 +08:00 via Android 1
同 13 楼
|
|
17
xiaoming1992 2020-03-06 22:33:52 +08:00 via Android 1
直接用 create-react-app，千万别想着自己从零配 webpack，否则你一年就浪费了
|
 |
18
molvqingtai 2020-03-06 22:57:18 +08:00 via Android 1
@xiaoming1992 楼上真实，webpack 就是个大坑
|
|
19
molvqingtai 2020-03-06 23:05:14 +08:00 via Android 1
Vue React 不是 UI 库，你需要的只是 bootstrap、materialize 这种 CSS UI 样式库，没写过前端的直接上那套脚手架工具容易被劝退
|
Select Language