custom css not watching properly in magento 2 - magento2

I would like to understand how Grunt compiles sources in Magento 2.
I have installed Grunt on my server and set my Magento 2 project (add Gruntfile.js and update dev/tools/grunt/configs/themes.js to add my theme)
I have custom css in app/design/frontend///web/css/custom.css

Related

Custom build for TinyMCE 5

I see that we can build a custom build of TinyMCE 4 using https://www.tiny.cloud/get-tiny/custom-builds/
Is there a similar custom builder for newer versions of TinyMCE (5 or 6)?
Thanks.
There is no build customizer for TinyMCE 5 or 6. You can only download the whole package at once: https://www.tiny.cloud/get-tiny/self-hosted/
However, if you are not using some of the plugins or skins, you can remove them manually. Plugins are located in /tinymce/plugins/, skins are in /tinymce/skins/.

How to set up three js so as to get autocomplete in .vue file

I am using Vue js 3 and for a project I need to use three js. I downloaded the module using :-
npm install --save three
However I am not able to use vscode suggestions/autocomplete for the particular module.
Please note that the autocomplete/suggestions don’t work in .vue file but they work in .js (javascript file)

composer.json file configuraton to install Shopware 6 plugins in custom/plugins directory

Require shopware 6 plugin via composer
Following up on this question and answer. I wondered what else anyone has added to install a plugin into custom/plugin for Shopware 6? I removed my composer.lock and the vendor and var/cache directories. I and trying to do the same thing, and I have required composer/installers to my plugin composer.json file and added:
"extra": {
"installer-paths": {
"custom/plugins": ["type:shopware-platform-plugin"]
}
}
to the root composer.json but it is still putting my plugin into the vendor directory. Any suggestions would be truly appreciated.
You don't need any installers or other tools for installing plugins via composer.
If you have placed your plugin in custom/plugins (in case you are using the development template) or in custom/static-plugins (in case you are using the production template/zip installation) your plugin will be symlinked to your root vendor directory, if you composer require your plugin.
For Shopware 6 it doesn't matter where your plugin is located.
If you don't like the behaviour, that your plugins are symlinked, you can simply remove the repository configuration from the root composer.json. Above I have linked the positions you need to change.

Linking Bootstrap to my VS Code project

I am going through VS Code for the first time and doing a bootstrap project. I used the marketplace to add bootstrap 4 and font awesome (install & reloaded) what else do I need to do?
As my project folder does not have and bootstrap files, but strangely the intellisense let's me use the bootstrap snippets. I ran the index.html and the page wasn't bootstrap styled. The download didn't add any files to my project.
Any suggestions?
You mixed up some things. The extensions that you installed are more for quick coding of Bootstrap and for visualizing it better.
However Bootstrap is not installed on your site, which is a totally different process. You can achieve this in many ways. (npm, bower)
I would recommend you to read the Bootstrap getting started documentation.
(It's for Bootstrap 3 but it's the same principle)
Documentation

Use ionic framework with mean.io

I just started using MEAN.io which is a project for seeding MongoDB, Express, AngularJS and NodeJS. I wonder how I could integrate ionic with it? I used bower to install ionic into bower_components folder, but the js/css file doesn't load automatically. When I manually add ionic.bundle.js and ionic.css into my custom package using
Ionic.aggregateAsset('css', 'ionic.css');
Ionic.aggregateAsset('js', 'ionic.bundle.js');
or
app.use(express.static(__dirname + '/public/assets/css/'));
app.use(express.static(__dirname + '/public/assets/js/'));
I get hundreds of errors from jshint...
-> /app/config/env/all.js
Here you can insert your external libs, in this case ionic main js file.
Do the same with css files. I dont know how Ionic is built, but if it has modular structure, you will also have to inject it into angular module.