Sage 10 import css and js?

inspecto0 · October 22, 2020, 7:18pm

Hello, i hope i am at the right place. I am new and trying new things.

Can some on explain to me where you import new .scss or .js files in sage10?

In sage9 you got a main file like main.scss or main.js to import those files, but in sage10 i can’t find this?

I hope some on could explain me

alwaysblank · October 22, 2020, 7:20pm

roots/sage/blob/master/resources/assets/styles/app.scss

/** Config */
@import 'config/variables';
@import 'config/external';

/** Common */
@import 'common/global';

/** Components */
@import 'components';

/** Partials */
@import 'partials/header';

github.com

roots/sage/blob/master/resources/assets/scripts/app.js

/**
 * External Dependencies
 */
import 'jquery';
import 'bootstrap';

$(document).ready(() => {
  // console.log('Hello world');
});

inspecto0 · October 23, 2020, 7:52am

thank you, but when i create a new file and let it import in app.js i get the following error when i try to build.

ERROR in ./resources/assets/scripts/app.js

Module not found:

I filled in: import ‘music.js’

Could you explain what i am doing wrong?

codepuncher · October 23, 2020, 10:20am

Change it to import './music.js';.
The ./ indicates that it is a local file in the current directory rather than a node module.

system · December 3, 2020, 7:18pm

This topic was automatically closed after 42 days. New replies are no longer allowed.