tnjk.net
当前位置:首页 >> 在做wEBpACk的DEMO时,打包CSS,为什么类名会变乱码 >>

在做wEBpACk的DEMO时,打包CSS,为什么类名会变乱码

不会出现这种情况的,英文是不会出现乱码,只有中文注释可能会出现问题

不会出现这种情况的,英文是不会出现乱码,只有中文注释可能会出现问题

这个是将你的class名变成hash值,这样可以防止你的样式名重名了。获取当然是获取不到的,因为webpack是将你的源码打包了,然后你设置了之后,他就变成hash值,你通过获取原先class名想找到dom是不可能的。两种方式,一种是不变成hash值,另外一...

webpack把各个模块的css打包成一个方法: webpack.config.js配置如下 var ExtractTextPlugin = require("extract-text-webpack-plugin");//extract-text-webpack-plugin安装此插件 module:{ loaders:[ {test: /\.css$/, loader: ExtractTextPlug...

var path = require('path');var webpack = require('webpack');var HtmlWebpackPlugin = require('html-webpack-plugin');var ExtractTextPlugin = require("extract-text-webpack-plugin");module.exports = {entry: {app:path.resolve(__dirn...

打包的文件确实需要手动引入,或者用html-webpack-plugin,配置一下就可以自动生成模板

rules: [ { test: /\.css$/, use: ExtractTextPlugin.extract({ fallback: "style-loader", use: "css-loader" }) } ] 以后再遇到这样的问题 可以直接搜索这个插件 看它的用法

webpack需要打包css的话需要配置的,需要用到css-loader和style-loader来打包css文件

1. 安装extract-text-webpack-plugin npm install extract-text-webpack-plugin --save-dev 2. 配置文件添加对应配置 首先require一下 var ExtractTextPlugin = require("extract-text-webpack-plugin"); plugins里面添加 new ExtractTextPlugin...

var path = require('path'); var webpack = require('webpack'); var HtmlWebpackPlugin = require('html-webpack-plugin'); var ExtractTextPlugin = require("extract-text-webpack-plugin"); module.exports = { entry: { app:path.resolve(...

网站首页 | 网站地图
All rights reserved Powered by www.tnjk.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com