跟着视频做:Antd样式的全局引入 与 CSS模块化 冲突、混乱 怎么解决?

来源:9-6 AntDesign样式框架使用

赵小刀

2018-06-21

webpack配置:

http://img.mukewang.com/szimg/5b2b1baf00015e6622060806.jpg

index.js:

http://img.mukewang.com/szimg/5b2b1be90001473815120900.jpg

header.js:

http://img.mukewang.com/szimg/5b2b1cc200017b0716321216.jpg

写回答

2回答

慕斯0581115

2018-06-21

const path = require('path');

const HtmlWebpackPlugin = require('html-webpack-plugin');


module.exports = {

entry: './src/index.js',

output: {

path: path.join(__dirname, 'dist'),

filename: 'bundle.js'

},

module: {

rules: [

{   test: /\.js$/,

exclude: /node_modules/,

use: {

loader: 'babel-loader'

}

},

{

test: /\.css$/,

use: [

"style-loader",

"css-loader",

]

}

]

},

plugins: [

new HtmlWebpackPlugin({template: './src/index.html'})

]

};


0
2
慕斯0581115
回复
赵小刀
哦 我的项目结构目录跟老师的不一样,但是应该也不影响。你只要吧entry的路径写正确, 其他的按着我的来配置应该就没有问题。 然后把HtmlWebpackPlugin 有关的都去掉 因为你没有安装这个包。 你再试试?
2018-06-21
共2条回复

慕斯0581115

2018-06-21

你的webpack  版本和老师的一样吗? 如果用的是webpack4 的话 在配置中要改一下

0
1
赵小刀
我用的webpack4,怎么改?同学可否贴下代码?
2018-06-21
共1条回复

结合基础与实战学习React.js 独立开发新闻头条平台

轻松入门 React 开发,React Router 4 与 Webpack 2 完美升级项目

2768 学习 · 2126 问题

查看课程