-
qq_Bboy_24381029
2018-12-07
- 引入css报错，求大神指点
替换一下这个，试试
{ test: /\.css$/, use: [//loader解析顺序：先postcss->然后css->最后style-loader 'style-loader', { loader: 'css-loader', options: {importLoaders: 1} },//importLoaders默认是0，意思是一个加载器都不用， // 1:用postcss-loader加载器处理， // 2:用postcss-loaders和sass-loader加载器处理 { loader: "postcss-loader", options: { plugins: [ require("autoprefixer")({//自动增加浏览器前缀(-webkit-等) browsers: ['last 5 versions'] }) ] } } ] }- 1回答·1266浏览
-
qq_啊啦嘞_0
2018-09-19
- 课程里关于webpack的配置是低版本的，对高版本的不适用？
这里的配置webpack4下是可以运行的
var htmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { mode: 'development', entry: __dirname + '/src/app.js', output: { path: __dirname + "/dist", filename: "js/[name].bundle.js", }, module: { rules: [ { test: /\.js$/, exclude: '/node_modules/', loader: "babel-loader" }, { test: /\.css/, use: [ 'style-loader', 'css-loader?importLoaders=1', { loader: 'postcss-loader', options: { plugins: [ require('autoprefixer')({ browsers: [ "last 10 version" ] }), ], } } ] }, { test: /\.less$/, use: [ 'style-loader', 'css-loader', { loader: 'postcss-loader', options: { plugins: [ require('autoprefixer')({ browsers: [ "last 10 version" ] }), ], } }, { loader: "less-loader", options: { sourceMap: true }// compiles Less to CSS }] }, { test: /\.scss$/, use: [ "style-loader", // creates style nodes from JS strings "css-loader", { loader: 'postcss-loader', options: { plugins: [ require('autoprefixer')({ browsers: [ "last 10 version" ] }), ], } },// translates CSS into CommonJS "sass-loader" // compiles Sass to CSS, using Node Sass by default ] } ] }, plugins: [ new htmlWebpackPlugin({ filename: 'index.html', template: './src/index.html', inject: 'body' }) ] }- 3回答·1715浏览
-
zora_Zhang
2018-03-16
- 为什么我less解析出来是这样，类名都咩有了
css配置也发一下
- 1回答·1983浏览
-
lxd123
2018-03-15
-
好久不见呀
2018-02-25
- postcss-loader的问题
你对照看一下- 2回答·1582浏览
-
hudy
2018-02-08
- 为什么我的layer.js不会自动加入@import './layer/layer.less'
{
test:/\.css$/,
loader:'style-loader!css-loader?importLoaders=1!postcss-loader',
},
{
test:/\.less$/,
loader:'style-loader!css-loader!postcss-loader!less-loader'
}
这样就可以了
- 4回答·2266浏览
-
慕标608794
2018-01-26
- 配置less-loader遇到的问题
postcss-loader需要配置，至于为什么我也不知道.....
const postcssConfig = {
loader: 'postcss-loader',
options: {
plugins: (loader) => [
require('postcss-import')({root: loader.resourcePath}),
require('autoprefixer')() //CSS浏览器兼容
]
}
}
{
test: /\.less$/,
use: [
'style-loader',
'css-loader',
postcssConfig,
'less-loader'
]
}
- 1回答·4022浏览
-
Moooocer
2018-01-16
- layer.less打包出错
- 已采纳 蹲守牆角 的回答
你把你的config文件截图我看看，这是因为你的less没配置好
- 2回答·1510浏览
-
qq_吃力_0
2017-12-18
- webpack没有打包到less文件
你把配置贴出来一下
- 3回答·2875浏览
-
咖啡你的糖
2017-10-27
- 在使用less的时候报错
- 4回答·2494浏览
-
慕丝0963956
2017-10-11
- import 和 @import 有什么区别啊？
这位同学，，import是CommonJs里面引用模块的方法，@import是CSS中引入其他css文件的方法。
- 1回答·1377浏览
-
carolcoral
2017-09-27
- 安装less-loader一直出现问题
你这-g都是全局安装的,需要在项目目录下安装
- 1回答·16487浏览
-
坚强的波波
2017-08-11
- less文件原样的编译出来是因为少了安装什么？
看下webpack配置
- 1回答·1129浏览
-
慕设计7780073
2017-08-01
- less-loader @import
解决了，在less 里面写全 。我的是webpack 3.0版本的
use:[ {loader: 'style-loader'},
{loader: 'css-loader',options:{importLoaders:1}},
{loader: 'postcss-loader'},
{loader: 'less-loader',}
],
就行
- 3回答·3011浏览
-
sunny品
2017-07-20
- less 中 flex 不能加上浏览器前缀
- 3回答·1754浏览
-
qq_天使也一样I_0
2017-07-10
- less编译时报错
可能是你没有npm安装less，需要先安装less插件$ npm less --save-dev
- 1回答·1414浏览
-
qq_敏子_0
2017-06-14
- 为什么通过@import引入的.div{display: flex;}没有前缀？
- 已采纳 qq_hypocrite_14118132 的回答
可能是因为你的是webpack2.0，通过@import引入的话要下载个postcss-import插件，在命令行工具输入npm install postcss-import --save-dev 然后再在代码中获取这个插件
{ test:/\.css$/, use:[ 'style-loader', {loader:'css-loader',options:{importLoaders:1}}, { loader:'postcss-loader', options:{ plugins:function(){ return [ require('postcss-import')(), //一定要写在require("autoprefixer")前面，否则require("autoprefixer")无效 require("autoprefixer")({browsers:['last 5 versions']}) ] } } } ] },- 2回答·1265浏览
-
qq_hypocrite_14118132
2017-06-13
- less文件中div前面到底有没有这个“·”啊，有的话是什么意思啊
没有那个点
- 3回答·1234浏览
-
心晴0623
2017-05-24
- 引入less样式，没有报错。但是多了个汉字是什么情况
把div前面的点去掉
- 5回答·1381浏览
-
VIABO
2017-05-12
- sass的坑
使用cnpm install node-sass --save-dev
- 2回答·766浏览
-
大大大明
2017-04-19
- 视频中的less写法好像报错啊
- 3回答·794浏览
-
王正一
2017-04-15
- less语法问题
那是less 语法， 视频中原文是 . > div 继承父类 样式 他是嵌套在里面的。
- 2回答·1105浏览
-
aSuncat
2017-04-06
- webpack.config.js的代码——20170406
- 已采纳 慕粉0057303747 的回答
不错，写得好，棒极了
- 4回答·1177浏览
-
weibo_登峰一人_0
2017-03-23
- less引用报错
原来是少写一个命令cnpm i less --save-dev
- 1回答·909浏览
-
大头爸爸啊
2017-03-21
- less-loadr 找不到模块
- 已采纳 飞君 的回答
呃，我的也是，不过我又重新安装了一下less-loader然后就没问题了
- 4回答·2386浏览
-
qq_天堂_2
2017-03-21
- less-loader一直报错Module not found: Error: Can't resolve 'less-loader'
- 已采纳 Jokerss 的回答
你安装npm的问题，是安装在全局还是局部
- 5回答·13614浏览
-
_DefTnT
2017-03-20
- 为什么在js中直接import less文件，报错说找不到模块
less-loader没有安装吧
- 2回答·9521浏览
-
慕粉3960217
2017-03-19
- sass编译出错
module:{ rules:[ { test:/\.css$/, use:[ 'style-loader', 'css-loader' ] }, { test:/\.scss$/, use:['style-loader','css-loader','sass-loader'] } ] }首先安装sass-loader，scss-loader，node-sass 这三个loader。然后按照上面的配置就可以了
- 4回答·3093浏览
-
我喜欢的样子你都有
2017-03-12
- 报错，依赖安装好了的，是写错了吗？
原因:
https://github.com/lmk123/blog/issues/28
- 2回答·782浏览
-
qq_苹果_7
2017-03-03
- 编译出错了。
- 已采纳 冷Cool0 的回答
看layer.js文件中是否引入了样式文件或者模板文件
引入样式文件的话，要安装对应的处理样式的loader并进行配置
引入模板文件的话，要安装对应的处理模板的的loader并进行配置
之后再重新编译试下- 4回答·850浏览
