惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

小众软件
小众软件
N
News and Events Feed by Topic
A
About on SuperTechFans
aimingoo的专栏
aimingoo的专栏
The Cloudflare Blog
H
Heimdal Security Blog
Schneier on Security
Schneier on Security
Engineering at Meta
Engineering at Meta
Google Online Security Blog
Google Online Security Blog
宝玉的分享
宝玉的分享
AI
AI
The GitHub Blog
The GitHub Blog
MongoDB | Blog
MongoDB | Blog
www.infosecurity-magazine.com
www.infosecurity-magazine.com
The Last Watchdog
The Last Watchdog
T
Troy Hunt's Blog
S
Security @ Cisco Blogs
H
Hacker News: Front Page
F
Fortinet All Blogs
博客园_首页
S
Secure Thoughts
N
News and Events Feed by Topic
P
Proofpoint News Feed
Microsoft Azure Blog
Microsoft Azure Blog
I
InfoQ
Spread Privacy
Spread Privacy
Hacker News - Newest:
Hacker News - Newest: "LLM"
cs.CL updates on arXiv.org
cs.CL updates on arXiv.org
C
Check Point Blog
Hugging Face - Blog
Hugging Face - Blog
Hacker News: Ask HN
Hacker News: Ask HN
C
CXSECURITY Database RSS Feed - CXSecurity.com
酷 壳 – CoolShell
酷 壳 – CoolShell
Stack Overflow Blog
Stack Overflow Blog
L
LINUX DO - 最新话题
Exploit-DB.com RSS Feed
Exploit-DB.com RSS Feed
S
Schneier on Security
Know Your Adversary
Know Your Adversary
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
Scott Helme
Scott Helme
P
Privacy & Cybersecurity Law Blog
S
Securelist
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
O
OpenAI News
K
KPMG report finds enterprise disconnect between AI and its ROI | CIO
PCI Perspectives
PCI Perspectives
L
LangChain Blog
雷峰网
雷峰网
Security Archives - TechRepublic
Security Archives - TechRepublic
V2EX - 技术
V2EX - 技术

webpack

[前端] 前后端分离开发过程中,对 session 有依赖,如何优雅处理? - V2EX 如何在编译时检测是否引入开发的代码 - V2EX webpack-dev-server 启动 dev server 后,如何让其它的机器可以访问该 server? - V2EX webpack.config.js 在 exports 配置之前,能先执行一段异步代码到? - V2EX webpack 关于依赖提取的 build 差异 - V2EX webpack 里面 definePlugin 里面定义了一些 process.env 的变量,这个是如何应用到 runtime 环境的? - V2EX webpack 现在依然不能自动支持 tree-shaking,来优化引入的包么? - V2EX webpack5 打包后为何最外层使用的是箭头函数包裹,能否去掉? - V2EX 为什么起个空项目配置 webpack 编译的速度不如 create-react-app 创建的项目快? - V2EX 问下大佬们,webpack 的动态导入怎么实现比较好? - V2EX 你真的理解 Webpack?请回答下列问题。 - V2EX webpack 那么牛逼。如果只是写 vue 的话,只是不是只要 vue cli 就够了。 - V2EX 为什么 vue 项目木打包后必须部署在服务器或本地起一个 web 服务才能运行? - V2EX Webpack 中如何关联 AMD 模块的依赖映射? - V2EX vue 编译后如何嵌入到类似 jsp 老系统中? - V2EX Webpack build 出来的 CSS 内资源路径与 dev-server 调试的时候不一样? - V2EX 不了解 WebAssembly 和 webpack 的关联 webpack 工程化和 vue 单文件组件开发例子项目 - V2EX 关于 webpack 配置多页面之后的热更新问题 - V2EX webpack 的官方 node-loader 是放弃治疗了吗 - V2EX 只编译 Pug 时配置应该怎么写? - V2EX webpack 和 redux 调试问题 - V2EX 关于 webpack 和 ES6 的问题 - V2EX 怎么在 webpack devserver 里 用相对路径 import scss(font-awesome)? - V2EX 怎样调试 Webpack 打包好的代码吗? webpack 的 Code Splitting 不支持第三方 css 吗? - V2EX 前端轮子们: gulp 和 webpack 是不是有功能上的 overlap - V2EX gulp 和 webpack 区别 - V2EX Webpack 怎么改 html 中的 js 路径? - V2EX
关于 webpack-dev-server 的配置问题 - V2EX
de6ugger · 2017-08-16 · via webpack

这是一个创建于 3224 天前的主题,其中的信息可能已经有所发展或是发生改变。

直接用的最新的 iview 项目。

先执行 npm run dist 生成了 dist 文件夹,

然后想通过 npm run dev 查看 example 中的效果,

结果 css 死活找不到,index.html 中的 css 指向自己修改过,

应该是和 webpack-dev-server 的配置有关的吧?

前端小菜前来请大佬们帮我指导一下。 不胜感激。

de6ugger

1

de6ugger      2017 年 8 月 16 日

江湖告急 %>_<%

Trim21

2

Trim21      2017 年 8 月 16 日 via Android   ❤️ 1

css 是会自动引入的吧,不需要在手动引入了

Trim21

3

Trim21      2017 年 8 月 16 日 via Android

如果你是想引入 iview 的 css 的话,直接在 main.js 里面 import

de6ugger

4

de6ugger      2017 年 8 月 16 日

@Trim21 感谢大兄弟。

发现构建后的 main.js 中的确会带 css 样式。

是 main.js 中 import iView from '../src/index'; 这句话,起的作用吧?

webpack 我需要好好补补课了。

Trim21

5

Trim21      2017 年 8 月 16 日   ❤️ 1

emmmm
这两个应该不是同一个 css
我觉得你需要的应该是`import 'iview/dist/styles/iview.css';`
main.js 里面带的 css 是你组件中写的 css

de6ugger

6

de6ugger      2017 年 8 月 17 日

@Trim21 真如你说的,css 是 example 文件夹中的组件中带过去的。

但是他用了 webpack-dev-server 这个后,我不知道该如何把我外部的文件引入进去的,不管哪个姿势都是路径找不到。

de6ugger

7

de6ugger      2017 年 8 月 17 日

@Trim21 还有一个问题。

我自己仿着写他的组件库,文件结构也是完全一直的,先在 src 写了一个简单的小组件,然后在创建 example 去调用这个组件,查看效果。结果

src 文件夹的 index.js 中
if (typeof window !== 'undefined' && window.Vue) {
install(window.Vue);
}

window.Vue 一直是 undefined 的,执行不了组件的安装。

另外 index.js 的 module.exports 还一直报错:Cannot assign to read only property 'exports' of object '#<Object>'

@Aresn 大神,如果有时间指导一下吧,你开个小课程也行啊%>_<%

Trim21

8

Trim21      2017 年 8 月 17 日   ❤️ 1

@de6ugger 在 main.js 中直接 import 'iview/dist/styles/iview.css'就能直接引入外部 css 了....这是 iview 在 npm 的页面上写的

= =至于 install,我就不知道了,我也没用过 iview

最后一个,改写成 export default { balabala }

de6ugger

9

de6ugger      2017 年 8 月 18 日

@Trim21 感谢你的热心赐教。install 的是我代码的问题,导致没执行上。

另一个问题就是:
webpack 可以使用 require 和 export,但是不能混合使用 import 和 module.exports 不然会报错 Cannot assign to read only property 'exports' of object '#<Object>'

虽然我修改成 export default {}这个形式 OK 了,但是真心很想知道 iview 中是如何实现这个的共存的呢?

webpack 中还没找到玄机。%>_<%
@Aresn 大神,满足一下我的好奇心吧。

![iview]( https://i.loli.net/2017/08/18/59967dd3239c0.png)

Trim21

10

Trim21      2017 年 8 月 18 日 via Android

这个应该修改 babel

Trim21

11

Trim21      2017 年 8 月 18 日 via Android

手滑了…这个应该是跟 babel 里面相关的设置有关