Andrey Dyrkov

Я нашёл решение, используя fast-sass-loader, в конфиге немного изменений

// #Webpack Plugins

const plugins = [

  new ExtractTextPlugin('style.css')

]

// #Webpack Rules

const rules = [

  {
    test:/\.(scss|sass)$/,
    use:ExtractTextPlugin.extract({
      use:['css-loader','fast-sass-loader']
    })
  }
]

Не понимаю почему чисто sass-loader не работает у меня. Данное решение компилирует sass в css и при этом намного быстрее чем sass-loader. Всем спасибо за ответы :)

В конструкторе надо прописать что-то типо

constructor(options) {
    
    this.selects = options.selects;
   // some code
    
  }

Тогда в классе будет свойство selects которым можно будет пользоваться всеми методами класса (сделай приватным)

Вы можете в глобальную область вытащить переменную, типо как библиотеку (например jquery = $) , содержащую в себе все ваши функции. Так вы не засоряете сильно window и в тоже время довольно удобно.

В webpack это по моему это делается через library, например

output:{
		path:__dirname+'/production/',
		publicPath:'production/',
		filename:'[name].js',
		library :'[name]',//то самое
	},

Ну и off documentation

у jQuery нету таких сверх способностей) Смотрите в какой кодировке сам файл у вас открыт в браузере и в какой кодировке файл с js, у вас отличается.

Не пробовали z-index?

Сниппеты прописывают для определённого scope. Если вы не укажите его, то сниппет будет работать в любом scope. А с подсветкой всё должно быть нормально, я сейчас зашёл, у меня никаких тем не стоит, всё хорошо подсвечивается, php и html.

Вот сниппет например:

<snippet>
	<content><![CDATA[
<script type="text/javascript" src="./js/${1}"></script>
]]></content>
	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
	<tabTrigger>jslink</tabTrigger>
	<!-- Optional: Set a scope to limit where the snippet will trigger -->
	<scope>text.html(.basic)</scope>
</snippet>

В нём указан scope для базовой разметки html. Только в файлах с расширением html будет срабатывать данный сниппет. Вот тут указаны все scope для sublime. Либо сочитание ctrl+shift+alt+p и в строке состояния вам покажут scope файла в котором мы сейчас находитесь.

Если вам нужен сниппет и для html и для php,то можете смело не указывать scope( будет срабатывать везде) или же прописать через запятую

<scope>text.html(.basic), source.c++</scope>

На счёт темы... ставьте php синтаксис, так и php и html подсвечиваются, нежели просто синтаксис html.

Мною было найдено решение. Всё просто :)

В package.json я добавил

"preferGlobal": true,
"bin": {
  "spp": "spp.js"
},

В начало файла spp.js (точка входа)

#!/usr/bin/env node

Далее создал ссылку с помощью

npm link

И всё, теперь я запускаю свой npm пакет просто вот так

spp

Вот здесь я нашёл как это делается, думаю под любую систему :)

Стоит выделить все роуты в отдельную папку и разбивать их по файлам. Для доступа к данным нужно какую-то оболочку написать, чтобы изменив базу данных или схему, это не повлияло на работу API. Всегда гуглите "лучшие практики", обычно люди деляться своим опытом с другими и этим можно пользоваться, чтобы не делать плохо :)
Вот например.

по id возвращает элимент, а по классу возвращает коллекцию
берите просто элимент который хотите

document.getElementsByClassName('asd')[0].addEventListener('click',function(){console.log('click!')},false);