feat: turn on ava option, dumber now supports import 'a.less';

Author: 3cp

aurelia/src/app.html

@@ -1,5 +1,13 @@
 <template>
+  <!-- @if css -->
   <require from="./app.css"></require>
+  <!-- @endif -->
+  <!-- @if less -->
+  <require from="./app.less"></require>
+  <!-- @endif -->
+  <!-- @if sass -->
+  <require from="./app.scss"></require>
+  <!-- @endif -->
   <div class="app">
     <h1>${message}</h1>
   </div>

aurelia/test__if_jest_or_ava/setup.ext

@@ -10,4 +10,6 @@ globalize();
 // @if ava
 // ignore css modules
 require.extensions['.css'] = () => '';
+require.extensions['.less'] = () => '';
+require.extensions['.scss'] = () => '';
 // @endif

questions.js

@@ -39,15 +39,8 @@ module.exports = [
       {value: 'jasmine', title: 'Jasmine', hint: 'Runs in browser, a behavior-driven testing framework.'},
       {value: 'mocha', title: 'Mocha + Chai', hint: 'Runs in browser, a feature-rich JavaScript test framework for node and browsers.'},
       {value: 'tape', title: 'Tape', hint: 'Runs in browser, tap-producing test harness for node and browsers.'},
-
-      // Disable ava for now, there is one small issue I got no solution so far.
-      // When less/sass is chosen, `import './app.css';` throws out "Cannot find module" because
-      // app.css is resolved to compiled result of app.less/app.scss, but in Nodejs env,
-      // Nodejs doesn't know where to read module './app.css'.
-      // jest has a workaround through moduleNameMapper, but ava relies on Nodejs itself to resolve module.
-
-      // {if: '!aurelia', value: 'ava', title: 'Ava + browser-env', hint: 'Runs in Node.js, simulates browser (browser-env). A test runner for Node.js with a concise API, detailed error output, embrace of new language features and process isolation that let you write tests more effectively.'},
-      // {if: 'aurelia',  value: 'ava', title: 'Ava', hint: 'Runs in Node.js, simulates browser (aurelia-pal-nodejs). A test runner for Node.js with a concise API, detailed error output, embrace of new language features and process isolation that let you write tests more effectively.'}
+      {if: '!aurelia', value: 'ava', title: 'Ava + browser-env', hint: 'Runs in Node.js, simulates browser (browser-env). A test runner for Node.js with a concise API, detailed error output, embrace of new language features and process isolation that let you write tests more effectively.'},
+      {if: 'aurelia',  value: 'ava', title: 'Ava', hint: 'Runs in Node.js, simulates browser (aurelia-pal-nodejs). A test runner for Node.js with a concise API, detailed error output, embrace of new language features and process isolation that let you write tests more effectively.'}
     ]
   },
   {

react/src/App.extx

@@ -11,7 +11,15 @@ import React from "react";
 // all less files were transpiled to css files by
 // gulp-less before sending to dumber.
 // @endif
+// @if css
 import "./styles.css";
+// @endif
+// @if less
+import "./styles.less";
+// @endif
+// @if sass
+import "./styles.scss";
+// @endif
 
 const App = () => (
   <div className="app">

react/test/setup.ext

@@ -5,4 +5,6 @@ import 'regenerator-runtime/runtime';
 // @if ava
 // ignore css modules
 require.extensions['.css'] = () => '';
+require.extensions['.less'] = () => '';
+require.extensions['.scss'] = () => '';
 // @endif

vue/src__if_not_sfc/App.ext

@@ -10,7 +10,15 @@
 // all less files were transpiled to css files by
 // gulp-less before sending to dumber.
 // @endif
-import './App.css';
+// @if css
+import "./App.css";
+// @endif
+// @if less
+import "./App.less";
+// @endif
+// @if sass
+import "./App.scss";
+// @endif
 
 export default {
   template: `

vue/test/setup.ext

@@ -5,4 +5,6 @@ import 'regenerator-runtime/runtime';
 // @if ava
 // ignore css modules
 require.extensions['.css'] = () => '';
+require.extensions['.less'] = () => '';
+require.extensions['.scss'] = () => '';
 // @endif