我想在项目中使用less,但出现webpack错误

来源:

牛顿的菠萝

2016-12-13

老师,你好

因为我对less比较熟悉,主要想通过这门课程提高对VUE项目开发的理解,所以我选择了less。但在编译过程中遇到以下问题,度娘了一个晚上没有解决 :(

```

ERROR in ./~/.0.25.0@css-loader!./~/.2.2.3@less-loader!./~/.0.13.1@style-loader!./~/.0.25.0@css-loader!./~/.2.2.3@less-loader!./src/less/common.less Module build failed: Unrecognised input @ /Users/burning/MyJS/hello-vue/src/less/common.less (line 4, column 12) near lines:   // load the styles   var content = require("!!./../../node_modules/.0.25.0@css-loader/index.js!./../../node_modules/.2.2.3@less-loader/index.js!./common.less");   if(typeof content === 'string') content = [[module.id, content, '']]; @ ./src/less/common.less 4:14-287 13:2-17:4 14:20-293

```

貌似提示我是我写的less文件有问题,可为了测试,我就在文件中写了一句 `.body { marigin: 0; } ` 别的啥都没有干。我觉得应该是webpack的配置不对。webpack的使用实在太复杂,这也是我购买这个课程的主要原因。

老师是否能帮再点播一下?谢谢。

写回答

2回答

ustbhuangyi

2016-12-14

看上去是编写的 less 语法问题喔,另外有没有指定 lang="less"

0
0

牛顿的菠萝

提问者

2016-12-15

在vue文件的 style 标签中添加 lang="less" 了,这里是好的。

问题是出在我想在 main.js 中 import 一个less 文件的时候

2
1
刚仔
解决了吗?我也是跟你出现的同样的问题,我就没在main.js引用,而是在style里面进行了引用
2017-03-12
共1条回复

Vue.js2.5+cube-ui重构饿了么App(经典再升级)

掌握Vue1.0到2.0再到2.5最全版本应用与迭代,打造极致流畅的WebApp

9868 学习 · 4162 问题

查看课程