Support less URL rewrites (#4637)

Co-authored-by: Jasper De Moor <[email protected]>

packages/core/integration-tests/test/integration/less-url-rewrite/index.js

@@ -0,0 +1,5 @@
+require('./index.less');
+
+module.exports = function () {
+  return 2;
+};

packages/core/integration-tests/test/integration/less-url-rewrite/index.less

@@ -0,0 +1,2 @@
+@import "./nested/a.less";
+@import "./node_modules/library/b.less";

packages/core/integration-tests/test/integration/less-url-rewrite/nested/a.less

@@ -0,0 +1,8 @@
+@font-face {
+  font-family: "A";
+  src: url("./a.woff2") format("woff2");
+}
+
+.a {
+  font-family: "A";
+}

packages/core/integration-tests/test/integration/less-url-rewrite/nested/a.woff2

@@ -0,0 +1 @@
+test

packages/core/integration-tests/test/integration/less-url-rewrite/package.json

@@ -0,0 +1,3 @@
+{
+    "private": true
+}

packages/core/integration-tests/test/less.js

@@ -147,6 +147,39 @@ describe('less', function() {
     );
   });
 
+  it('should support less url rewrites', async function() {
+    let b = await bundle(
+      path.join(__dirname, '/integration/less-url-rewrite/index.js'),
+    );
+
+    assertBundles(b, [
+      {
+        name: 'index.js',
+        assets: ['index.js'],
+      },
+      {
+        name: 'index.css',
+        assets: ['index.less'],
+      },
+      {
+        type: 'woff2',
+        assets: ['a.woff2'],
+      },
+      {
+        type: 'woff2',
+        assets: ['b.woff2'],
+      },
+    ]);
+
+    let output = await run(b);
+    assert.equal(typeof output, 'function');
+    assert.equal(output(), 2);
+
+    let css = await outputFS.readFile(path.join(distDir, 'index.css'), 'utf8');
+    assert(css.includes('.a'));
+    assert(css.includes('.b'));
+  });
+
   it('should support transforming less with postcss', async function() {
     let b = await bundle(
       path.join(__dirname, '/integration/less-postcss/index.js'),

packages/transformers/less/src/LessTransformer.js

@@ -22,6 +22,7 @@ export default new Transformer({
       urlPlugin({asset}),
       resolvePathPlugin({asset, resolve}),
     ];
+    config.rewriteUrls = 'all';
 
     if (options.sourceMaps) {
       config.sourceMap = {};