为什么打包后css代码不见了，webpack打包后样式丢失

在dreamweaver写的代码有显示出来,但是按了F12之后CSS格式的都没...

1、路径不对。。css没引入是路径的问题，你仔细检查下路径。

2、在编辑区右键或者文本菜单里，选css样式-新建样式表，然后弹出新建css规则的对话框，选择你需要的选择器类型，命名，确定。进入css规则定义对话框，设置自己的需要，保存。还可以打开保存好的css样式在上面添加定义规则。

3、在dreamweaver0预览窗口里有效果显示吗？如果也没有，而且你的css样式是写在外部的.css文件中的，那就看看你的html文件中标签的链接地址有没有写错。

4、浏览器F12看到的代码跟右键网页查看源代码其实是不一样的，可以认为f12看到的代码是浏览器对源代码经过解析执行以后的代码。

5、想深入的话，把DW丢了，养成手写代码的习惯你才能搞懂遇到各种css兼容问题的本质，有一大堆编辑器写html、css随便找个都比DW强。另外，你那个表格上的背景图，路径是你硬盘上的本地路径，上传到网上别人根本看不到的。

相关问答

Q1: 怎么找到css代码?我怎么没有看到

1、要查看一个网站使用了什么css代码，可以右键点击网站空，选择查看源代码。一般来说，引入css代码有三种形式。

2、第一种：打开一个网页后点击鼠标的右键就会有\查看源文件\，操作鼠标右键---查看源文件即可弹出一个记事本，而记事本内容就是此网页的html代码。

3、需要将css样式的这个窗口打开，然后你在DW的边界上就能看到这个css的窗口。然后在这些显示出来的css中右键，有个菜单选择转到代码，就调到了指定的代码区域。

Q2: 为什么笔记本打的代码保存后还是没了

1、即使你保存的格式是xlsm格式（带宏的格式），但是你在保存前，还是需要事先设置下 “工具-宏-安全 安全等级选中或低”。

2、这是因为你的工作薄是普通的excel工作薄文件。把有宏的文件另存为“启用宏的工作薄”，这样问题就解决了。

3、文献标注保存后又不见了，可能是由于以下原因： 文档中存在宏代码，解决办法：在文档右上角点击“信任中心设置”，然后在文档顶部工具栏点击“宏”，选择“禁用宏”。

4、这是因为浏览器是从本地缓存文件夹中读取css文件的，你在网上更新的css文件尚未被浏览器更新到本地。此种情况在手机浏览器中尤其明显。

5、用2007试了下，原来没有宏代码的工作簿。如果代码中写的内容没有包含sub 或者function的话，关闭工作簿再打开好像是会清空。只要其中有任一段sub 或function就能正常保存了，但如果把sub或function都删掉，还是会被清空。

6、eclipse里保存完代码后如果在这里把类删除时勾选了物理删除，所以就没有了。如图，这里如果勾选的话，那就彻底删除了。

Q3: ...但是怎么不显示源代码和CSS样式,只是一个inde

第一种：打开一个网页后点击鼠标的右键就会有\查看源文件\，操作鼠标右键---查看源文件即可弹出一个记事本，而记事本内容就是此网页的html代码。

楼上的说的很对 可能你没有把CSS复制过来 ，代码中可能是另外引用的css，也就是css没有在源代码中。另外 也有可能网页是加密的。

点击Chrome浏览器右上角的快捷菜单“工具”→“查看源代码”。Chrome浏览器会打开一个网页源代码显示窗口，这个源代码显示窗口好像也是不那么友好，一大堆网页代码实在不知道如何下手呀。

源代码是在中，估计源代码的图片是用中的id加载的。你可以找找id=book_pic，有没有JS的调用 加载。浏览器的开发工具 可能会有一定的完善功能，自动生成了一部分内容。

检测下浏览器是否兼容，看看在别的浏览器中能否正常显示出来，如果不行那就是代码出问题了。

Q4: innerhtml后css样式怎么不见了?应该怎样改

1、一，设定了display：none；你检查下 二，层被挡住了，你看看是否设置了 position：absolute；left：0；right：0；之类的 三，float的问题，就是把层给浮上去了。导致你的层会重叠。

2、如果您想进行修改： 找到要修改的CSS代码，可以直接在浏览器中进行编辑。 若要永久修改，请将修改后的CSS代码保存在文本编辑器中，并将文件上传到您的Web服务器上。

3、也是一个html。尽管窗户里面的页面也定义了css，但当把它安装的墙上的时候，它就得优先使用“墙”的css样式。解决办法就是在innerHtml里面加入link...加载css样式，或者将css样式直接放在“墙”的页面里面。

4、首先我们我们新建一个记事本，并将记事本的名字改为“引入外部css文件和外部js文件.html”，并回车键确定，以使文件转化为浏览器可以打开的html网页文件。

Q5: 网页中所有的CSS代码都失效了是怎么回事

1、有可能是网页本身的问题，如引用地址不对使得CSS代码失效，还有一种可能网络和浏览器的问题，当网络卡的时候或者浏览器设置不正常的时候，也会导致CSS无法正常加载。

2、如果你的网站不能验证，很有可能是在代码的某个地方漏写了结尾斜线。我们很容易忽略结尾斜线之类的东西，特别是在image标签等元素中。在严格的DOCTYPE中这是无效的。要在img标签结尾处加上“/”以解决此问题。

3、CSS 里定义了字体不生效的原因可能有很多种，以下是一些常见的原因：- CSS 文件没有正确加载。检查你的 HTML 代码是否正确引用了 CSS 文件，并确保 CSS 文件的路径是正确的。- CSS 规则没有应用到相应的元素上。

4、如果这两个文件所在的文件夹不是同一个，就会造成图片失效了，这样就需要修改css文件中的所有图片的url。如果不是这种情况，那么就请你把情况描述清楚一些，最好能把相关的代码片段列出来。

为什么打包后css代码不见了的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于webpack打包后样式丢失、为什么打包后css代码不见了的信息别忘了在本站进行查找喔。