|
1 | 1 | "use strict";
|
2 |
| -/* |
3 |
| - MIT License http://www.opensource.org/licenses/mit-license.php |
4 |
| - Authors |
5 |
| - Tobias Koppers @sokra |
6 |
| - Johannes Ewald @jhnns |
7 |
| -*/ |
8 |
| -var less = require("less"); |
9 |
| -var loaderUtils = require("loader-utils"); |
10 |
| -var cloneDeep = require("clone-deep"); |
11 |
| - |
12 |
| -var trailingSlash = /[\\\/]$/; |
13 |
| - |
14 |
| -module.exports = function(source) { |
15 |
| - var loaderContext = this; |
16 |
| - var options = Object.assign( |
17 |
| - { |
18 |
| - filename: this.resource, |
19 |
| - paths: [], |
20 |
| - plugins: [], |
21 |
| - relativeUrls: true, |
22 |
| - compress: Boolean(this.minimize) |
23 |
| - }, |
24 |
| - cloneDeep(loaderUtils.getOptions(this)) |
25 |
| - ); |
26 |
| - var cb = this.async(); |
27 |
| - var isSync = typeof cb !== "function"; |
28 |
| - var finalCb = cb || this.callback; |
29 |
| - var webpackPlugin = { |
30 |
| - install: function(less, pluginManager) { |
31 |
| - var WebpackFileManager = getWebpackFileManager(less, loaderContext, options); |
32 |
| - |
33 |
| - pluginManager.addFileManager(new WebpackFileManager()); |
34 |
| - }, |
35 |
| - minVersion: [2, 1, 1] |
36 |
| - }; |
37 |
| - |
38 |
| - if (isSync) { |
39 |
| - throw new Error("Synchronous compilation is not supported anymore. See https://github.com/webpack-contrib/less-loader/issues/84"); |
40 |
| - } |
41 |
| - |
42 |
| - options.plugins.push(webpackPlugin); |
43 |
| - |
44 |
| - if (options.sourceMap) { |
45 |
| - options.sourceMap = { |
46 |
| - outputSourceFiles: true |
47 |
| - }; |
48 |
| - } |
49 |
| - |
50 |
| - less.render(source, options, function(e, result) { |
51 |
| - var cb = finalCb; |
52 |
| - // Less is giving us double callbacks sometimes :( |
53 |
| - // Thus we need to mark the callback as "has been called" |
54 |
| - if(!finalCb) return; |
55 |
| - finalCb = null; |
56 |
| - if(e) return cb(formatLessRenderError(e)); |
57 |
| - |
58 |
| - cb(null, result.css, result.map); |
59 |
| - }); |
| 2 | + |
| 3 | +const less = require("less"); |
| 4 | +const loaderUtils = require("loader-utils"); |
| 5 | +const cloneDeep = require("clone-deep"); |
| 6 | + |
| 7 | +const trailingSlash = /[\\\/]$/; |
| 8 | + |
| 9 | +module.exports = function (source) { |
| 10 | + const loaderContext = this; |
| 11 | + const options = Object.assign( |
| 12 | + { |
| 13 | + filename: this.resource, |
| 14 | + paths: [], |
| 15 | + plugins: [], |
| 16 | + relativeUrls: true, |
| 17 | + compress: Boolean(this.minimize) |
| 18 | + }, |
| 19 | + cloneDeep(loaderUtils.getOptions(this)) |
| 20 | + ); |
| 21 | + const cb = this.async(); |
| 22 | + const isSync = typeof cb !== "function"; |
| 23 | + let finalCb = cb || this.callback; |
| 24 | + const webpackPlugin = { |
| 25 | + install(less, pluginManager) { |
| 26 | + const WebpackFileManager = getWebpackFileManager(less, loaderContext, options); |
| 27 | + |
| 28 | + pluginManager.addFileManager(new WebpackFileManager()); |
| 29 | + }, |
| 30 | + minVersion: [2, 1, 1] |
| 31 | + }; |
| 32 | + |
| 33 | + if (isSync) { |
| 34 | + throw new Error("Synchronous compilation is not supported anymore. See https://github.com/webpack-contrib/less-loader/issues/84"); |
| 35 | + } |
| 36 | + |
| 37 | + options.plugins.push(webpackPlugin); |
| 38 | + |
| 39 | + if (options.sourceMap) { |
| 40 | + options.sourceMap = { |
| 41 | + outputSourceFiles: true |
| 42 | + }; |
| 43 | + } |
| 44 | + |
| 45 | + less.render(source, options, (e, result) => { |
| 46 | + const cb = finalCb; |
| 47 | + // Less is giving us double callbacks sometimes :( |
| 48 | + // Thus we need to mark the callback as "has been called" |
| 49 | + |
| 50 | + if (!finalCb) { |
| 51 | + return; |
| 52 | + } |
| 53 | + finalCb = null; |
| 54 | + if (e) { |
| 55 | + cb(formatLessRenderError(e)); |
| 56 | + return; |
| 57 | + } |
| 58 | + |
| 59 | + cb(null, result.css, result.map); |
| 60 | + }); |
60 | 61 | };
|
61 | 62 |
|
62 | 63 | function getWebpackFileManager(less, loaderContext, query, isSync) {
|
63 |
| - |
64 |
| - function WebpackFileManager() { |
65 |
| - less.FileManager.apply(this, arguments); |
66 |
| - } |
67 |
| - |
68 |
| - WebpackFileManager.prototype = Object.create(less.FileManager.prototype); |
69 |
| - |
70 |
| - WebpackFileManager.prototype.supports = function(filename, currentDirectory, options, environment) { |
71 |
| - // Our WebpackFileManager handles all the files |
72 |
| - return true; |
73 |
| - }; |
74 |
| - |
75 |
| - WebpackFileManager.prototype.supportsSync = function(filename, currentDirectory, options, environment) { |
76 |
| - return false; |
77 |
| - }; |
78 |
| - |
79 |
| - WebpackFileManager.prototype.loadFile = function(filename, currentDirectory, options, environment, callback) { |
80 |
| - var moduleRequest = loaderUtils.urlToRequest(filename, query.root); |
81 |
| - // Less is giving us trailing slashes, but the context should have no trailing slash |
82 |
| - var context = currentDirectory.replace(trailingSlash, ""); |
83 |
| - |
84 |
| - loaderContext.resolve(context, moduleRequest, function(err, filename) { |
85 |
| - if(err) { |
86 |
| - callback(err); |
87 |
| - return; |
88 |
| - } |
89 |
| - |
90 |
| - loaderContext.dependency && loaderContext.dependency(filename); |
91 |
| - // The default (asynchronous) |
92 |
| - loaderContext.loadModule("-!" + __dirname + "/stringify.loader.js!" + filename, function(err, data) { |
93 |
| - if(err) { |
94 |
| - callback(err); |
95 |
| - return; |
96 |
| - } |
97 |
| - |
98 |
| - callback(null, { |
99 |
| - contents: JSON.parse(data), |
100 |
| - filename: filename |
101 |
| - }); |
102 |
| - }); |
103 |
| - }); |
104 |
| - }; |
105 |
| - |
106 |
| - return WebpackFileManager; |
| 64 | + function WebpackFileManager() { |
| 65 | + less.FileManager.apply(this, arguments); |
| 66 | + } |
| 67 | + |
| 68 | + WebpackFileManager.prototype = Object.create(less.FileManager.prototype); |
| 69 | + |
| 70 | + WebpackFileManager.prototype.supports = function (filename, currentDirectory, options, environment) { |
| 71 | + // Our WebpackFileManager handles all the files |
| 72 | + return true; |
| 73 | + }; |
| 74 | + |
| 75 | + WebpackFileManager.prototype.supportsSync = function (filename, currentDirectory, options, environment) { |
| 76 | + return false; |
| 77 | + }; |
| 78 | + |
| 79 | + WebpackFileManager.prototype.loadFile = function (filename, currentDirectory, options, environment, callback) { |
| 80 | + const moduleRequest = loaderUtils.urlToRequest(filename, query.root); |
| 81 | + // Less is giving us trailing slashes, but the context should have no trailing slash |
| 82 | + const context = currentDirectory.replace(trailingSlash, ""); |
| 83 | + |
| 84 | + loaderContext.resolve(context, moduleRequest, (err, filename) => { |
| 85 | + if (err) { |
| 86 | + callback(err); |
| 87 | + return; |
| 88 | + } |
| 89 | + |
| 90 | + loaderContext.dependency && loaderContext.dependency(filename); |
| 91 | + // The default (asynchronous) |
| 92 | + // loadModule() accepts a request. Thus it's ok to not use path.resolve() |
| 93 | + loaderContext.loadModule("-!" + __dirname + "/stringify.loader.js!" + filename, (err, data) => { // eslint-disable-line no-path-concat |
| 94 | + if (err) { |
| 95 | + callback(err); |
| 96 | + return; |
| 97 | + } |
| 98 | + |
| 99 | + callback(null, { |
| 100 | + contents: JSON.parse(data), |
| 101 | + filename |
| 102 | + }); |
| 103 | + }); |
| 104 | + }); |
| 105 | + }; |
| 106 | + |
| 107 | + return WebpackFileManager; |
107 | 108 | }
|
108 | 109 |
|
109 | 110 | function formatLessRenderError(e) {
|
110 |
| - // Example ``e``: |
111 |
| - // { type: 'Name', |
112 |
| - // message: '.undefined-mixin is undefined', |
113 |
| - // filename: '/path/to/style.less', |
114 |
| - // index: 352, |
115 |
| - // line: 31, |
116 |
| - // callLine: NaN, |
117 |
| - // callExtract: undefined, |
118 |
| - // column: 6, |
119 |
| - // extract: |
120 |
| - // [ ' .my-style {', |
121 |
| - // ' .undefined-mixin;', |
122 |
| - // ' display: block;' ] } |
123 |
| - var extract = e.extract? "\n near lines:\n " + e.extract.join("\n ") : ""; |
124 |
| - var err = new Error( |
125 |
| - e.message + "\n @ " + e.filename + |
126 |
| - " (line " + e.line + ", column " + e.column + ")" + |
127 |
| - extract |
128 |
| - ); |
129 |
| - err.hideStack = true; |
130 |
| - return err; |
| 111 | + // Example ``e``: |
| 112 | + // { type: 'Name', |
| 113 | + // message: '.undefined-mixin is undefined', |
| 114 | + // filename: '/path/to/style.less', |
| 115 | + // index: 352, |
| 116 | + // line: 31, |
| 117 | + // callLine: NaN, |
| 118 | + // callExtract: undefined, |
| 119 | + // column: 6, |
| 120 | + // extract: |
| 121 | + // [ ' .my-style {', |
| 122 | + // ' .undefined-mixin;', |
| 123 | + // ' display: block;' ] } |
| 124 | + const extract = e.extract ? "\n near lines:\n " + e.extract.join("\n ") : ""; |
| 125 | + const err = new Error( |
| 126 | + e.message + "\n @ " + e.filename + |
| 127 | + " (line " + e.line + ", column " + e.column + ")" + |
| 128 | + extract |
| 129 | + ); |
| 130 | + |
| 131 | + err.hideStack = true; |
| 132 | + return err; |
131 | 133 | }
|
0 commit comments