link管理
链接快照平台
- 输入网页链接，自动生成快照
- 标签化管理网页链接
相关文章推荐
|
爱健身的电脑桌 · 使用 PE-RCP ...· 2 月前 · |
|
|
阳光的警车 · ASP.NET MVC XMLA Data ...· 3 月前 · |
|
|
安静的手套 · 黑龙江省2023年下半年中小学教师资格面试公 ...· 4 月前 · |
“npm run dev”和“npm run build prod”未生成相同的输出
问
“npm run dev”和“npm run build prod”未生成相同的输出
EN
EN
Stack Overflow用户
提问于
2018-04-10 15:48:28
回答 2
查看 2.2K
关注 0
票数 3
我正在使用Vue.js开发一个渐进式web应用程序。
在我进行开发时，我使用命令
npm run dev
来启动为
http://localhost:8080/
上的文件提供服务的本地服务器。当我想要为生产环境进行构建时，我使用
npm run build prod
，它在
project\dist
中生成输出文件。然后，我将这些文件复制到ISS上，该ISS被配置为使用单页应用程序。到目前为止一切都很好。
我注意到开发版本和产品版本在应用程序外观(css)上有一些不同。首先，我认为这可能是因为客户端缓存，但在几次尝试清理缓存和无缓存加载后，我确信缓存不是这里的问题。输出确实是不同的。
老实说，除了几个次要的css部分，我不确定是否还有其他不同之处。我在想可能是什么问题，我注意到的一个可能的原因是我在vue中使用了带有作用域css (
*.scoped.vue.css
文件名)的单个文件组件。我猜把不同的文件合并成一个文件可能会有问题？
值得一提的是，当谈到npm，webpack和所有其他涉及的技术时，我是一个相当新手。如果您想查看配置，可以找到我当前的工作分支build configurations here 。
你知道问题出在哪里吗？
EN
回答 2
Stack Overflow用户
发布于 2018-06-02 05:33:21
我在使用单文件组件时遇到了同样的问题。实际上，问题似乎是，当你运行
npm run build
时，它会生成一个单一的css文件，而不能保证样式将以相同的顺序应用，从而导致一些属性值被忽略。我通过将
!important
添加到在最终构建中不匹配的属性来“修复”它。也许有更好的方法来处理这件事，但我必须承认我也是个新手。
票数 0
EN
Stack Overflow用户
发布于 2018-11-19 17:46:16
当
npm run build
很重要时，样式的应用顺序很重要，据我所知，我们无法控制样式的顺序。为了消除冲突，在使用
Vue.js
时，您可能想要
scope
您的样式。
在项目中的每个
*.vue
文件中，替换
代码语言：
javascript
复制
<style>
</style>使用
代码语言：
javascript
复制
<style scoped>
</style>
票数 0
EN
页面原文内容由
Stack Overflow
提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/49748141
复制
相关文章
相似问题
领券
腾讯云开发者
扫码关注腾讯云开发者
领取腾讯云代金券
Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号： 粤B2-20090059 深公网安备号 44030502008569
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287
推荐文章