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

推荐订阅源

Google DeepMind News
Google DeepMind News
大猫的无限游戏
大猫的无限游戏
S
Securelist
The Hacker News
The Hacker News
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
F
Fortinet All Blogs
Jina AI
Jina AI
K
Kaspersky official blog
T
Threat Research - Cisco Blogs
Stack Overflow Blog
Stack Overflow Blog
Webroot Blog
Webroot Blog
有赞技术团队
有赞技术团队
T
The Blog of Author Tim Ferriss
量子位
S
Schneier on Security
Latest news
Latest news
D
Darknet – Hacking Tools, Hacker News & Cyber Security
O
OpenAI News
云风的 BLOG
云风的 BLOG
M
MIT News - Artificial intelligence
博客园 - 叶小钗
L
LINUX DO - 最新话题
V
Visual Studio Blog
U
Unit 42
Hacker News - Newest:
Hacker News - Newest: "LLM"
S
Security Affairs
AWS News Blog
AWS News Blog
S
Secure Thoughts
腾讯CDC
Cloudbric
Cloudbric
H
Help Net Security
The GitHub Blog
The GitHub Blog
阮一峰的网络日志
阮一峰的网络日志
C
Cyber Attacks, Cyber Crime and Cyber Security
WordPress大学
WordPress大学
The Last Watchdog
The Last Watchdog
www.infosecurity-magazine.com
www.infosecurity-magazine.com
博客园 - 【当耐特】
Exploit-DB.com RSS Feed
Exploit-DB.com RSS Feed
D
DataBreaches.Net
A
About on SuperTechFans
G
GRAHAM CLULEY
Forbes - Security
Forbes - Security
Hugging Face - Blog
Hugging Face - Blog
Martin Fowler
Martin Fowler
Vercel News
Vercel News
Cisco Talos Blog
Cisco Talos Blog
NISL@THU
NISL@THU
cs.CL updates on arXiv.org
cs.CL updates on arXiv.org
Know Your Adversary
Know Your Adversary

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 里面相关的设置有关