vue中 怎么通过cdn的方式使用less

Question

externals: {

'less':'less'

}

webpack 中配置了这个，报错 Cannot find module 'less'

Answer 1

externals配置项是告诉webpack构建的时候，不需要打包externals配置项中的模块的代码。
报Cannot find module 'less', 那你就在本地执行npm install less
然后再在你的index.html通过cdn引用less

<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/2.5.3/less.min.js"></script>

Answer 2

<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/2.5.3/less.min.js"></script>

Answer 3

打开public/index.html模板，在head标签中加入：
<script type="text/javascript" src='https://cdn.bootcdn.net/ajax/libs/less.js/3.13.1-alpha.1/less.min.js'></script>