Как понять скомпилированный файл или нет js
Перейти к содержимому

Как понять скомпилированный файл или нет js

  • автор:

Как узнать что это папка или файл javascript string [закрыт]

Закрыт. Этот вопрос необходимо уточнить или дополнить подробностями. Ответы на него в данный момент не принимаются.

Хотите улучшить этот вопрос? Добавьте больше подробностей и уточните проблему, отредактировав это сообщение.

Закрыт 12 месяцев назад .
У меня есть переменная

let folder = "test"; //это папка let file = "test.js"; //это файл let otherfolder = ".test_test-test" //это папка 

Как сделать систему которая возращает это папка или файл
Отслеживать
задан 6 мая 2023 в 16:19
99 6 6 бронзовых знаков
почему «.test_test-test» это папка а не файл?
6 мая 2023 в 16:23
Если суть в том, что файл- это строка с точкой не в начале строки, то это и проверяйте
6 мая 2023 в 16:25
Все упомянутые имена могут быть и у папок, и у файлов
6 мая 2023 в 16:31

Если этот вопрос относится к предыдущему про чтение файлов и папок с помощью nodejs, то можно проверить методами .isFile() или .isDirectory() . Подробности можно почитать в официальной документации

6 мая 2023 в 17:08
6 мая 2023 в 17:25

1 ответ 1

Сортировка: Сброс на вариант по умолчанию

Если предположить, что данный вопрос, это продолжение вопроса про чтение списка файлов силами nodeJS, то можно сделать так:

import fs from 'fs'; const option = < withFileTypes: true >fs.readdir('../.', option, (err, files) => < for (let file of files) < console.log(file.name, file.isFile() ? 'Файл' : 'Директория'); >>); 

Читаем заданный каталог с опцией withFileTypes: true

В колбэк будет передан массив с указанием имени файла и типом. Проверяем тип с помощью метода .isFile()

Компиляция кода TypeScript (Node.js)

Используйте пакет npm TypeScript, чтобы добавить поддержку TypeScript в проекты на основе системы проектов JavaScript (JSPS) или .esproj. Начиная с Visual Studio 2019, рекомендуется использовать пакет npm вместо пакета SDK TypeScript. Пакет npm TypeScript обеспечивает большую переносимость на разных платформах и средах.

Для проектов ASP.NET Core используйте пакет NuGet вместо npm для добавления поддержки TypeScript.

Добавление поддержки TypeScript с использованием npm

Пакет npm TypeScript позволяет включить поддержку TypeScript. Когда в проект устанавливается пакет npm или TypeScript 2.1 или более новой версии, в редактор загружается соответствующая версия языковой службы TypeScript.

  1. Следуя инструкциям, установите рабочую нагрузку разработки Node.js и среду выполнения Node.js. Для простой интеграции с Visual Studio создайте проект с помощью одного из шаблонов Node.js для TypeScript, например шаблона пустого веб-приложения Node.js. Либо используйте шаблон Node.js для JavaScript, предоставляемый в Visual Studio, и следуйте инструкциям в этом разделе. Или используйте проект Открытая папка
  2. Установите пакет npm для TypeScript, если он еще не включен в ваш проект. В Обозревателе решений (область справа) откройте package.json в корневом каталоге проекта. Перечисленные пакеты соответствуют пакетам в узле npm в Обозревателе решений. Дополнительные сведения см. в разделе Управление пакетами npm. Установить пакет npm TypeScript для проекта Node.js можно с помощью командной строки или IDE. Чтобы установить пакет с помощью IDE, щелкните правой кнопкой мыши узел npm в Обозревателе решений, выберите Установить новый пакет npm, найдите TypeScript и установите пакет. Выберите параметр npm в окне Вывод, чтобы видеть ход установки пакета. Установленный пакет появится в узле npm в Обозревателе решений.
  3. Если пакет не включен в проект, добавьте файл с tsconfig.json в корневой каталог проекта. Для этого щелкните правой кнопкой мыши узел проекта и выберите Добавить > Новый элемент. Выберите Файл конфигурации TypeScript JSON, а затем нажмите кнопку Добавить. Если вы не видите все шаблоны элементов, выберите «Показать все шаблоны» и выберите шаблон элемента. Visual Studio добавит файл tsconfig.json в корневую папку проекта. Этот файл можно использовать для настройки параметров компилятора TypeScript.
  4. Откройте файл tsconfig.json и обновите его, задав необходимые параметры компилятора. Ниже приведен пример простого файла tsconfig.json.

< "compilerOptions": < "noImplicitAny": false, "noEmitOnError": true, "removeComments": false, "sourceMap": true, "target": "es5", "outDir": "dist" >, "include": [ "scripts/**/*" ] > 
  • include указывает компилятору, где искать файлы TypeScript (*.ts).
  • Параметр outDir указывает выходную папку для обычных файлов JavaScript, которые преобразуются компилятором TypeScript.
  • Параметр sourceMap указывает, нужно ли компилятору создать файлы sourceMap.

В приведенной выше конфигурации представлен пример базовой конфигурации TypeScript. Сведения о других параметрах см. в разделе о файле tsconfig.json.

Сборка приложения

  1. В проект добавьте файлы TypeScript (.ts) или TypeScript JSX (.tsx), а затем добавьте код TypeScript. Ниже приведен простой пример TypeScript:
let message: string = 'Hello World'; console.log(message); 
"scripts": < "build": "tsc --build", "clean": "tsc --build --clean" >, 

Для сборки с помощью стороннего средства, например webpack, можно добавить в файл package.json скрипт сборки для командной строки:

"scripts":

Пример использования webpack с React и файла конфигурации webpack см. в статье Учебник. Создание приложения Node.js и React в Visual Studio.

Пример использования Vue.js с TypeScript см. в статье Создание приложения Vue.js.

Примечание. При настройке сторонних средств в проектах Node.js не используются пути, заданные в разделе Средства>Параметры>Проекты и решения>Управление веб-пакетами>Внешние веб-инструменты. Эти параметры используются для проектов других типов.

Выполнение приложения

Инструкции по запуску приложения после его компиляции см. в разделе Создание приложения Node.js и Express.

Автоматизация задач сборки

Для автоматизации задач сторонних средств, таких как npm и webpack, вы можете использовать обозреватель запускателя задач в Visual Studio.

  • Запускатель задач npm включает поддержку скриптов npm, определенных файле package.json. Поддерживает YARN.
  • Запускатель задач webpack включает поддержку webpack.

Как понять скомпилированный файл или нет js

При компиляции файлов TypeScript из командной строки компилятор позволяет установить ряд конфигурационных настроек. Для установки нам доступна куча различных настроек, полный список которых можно найти на странице Параметры компиляции в TypeScript. Рассмотрим лишь основные из них.

Автоматическая перекомпиляция

Опция —watch , а также ее сокращенная версия -w автоматически перекомпилирует файлы typescript, если в них были внесены какие-либо изменения. Благодаря чему не надо при каждом малейшем изменении вручную вводить команду в консоль для перекомпиляции.

tsc -w app.ts

Версия ECMAScript

С помощью параметра –-target или его сокращенной версии –t можно задать версию стандарта JavaScript, в которую будет компилироваться код TypeScript. Этот параметр может принимать следующие значения: «ES3» (по умолчанию), «ES5», «ES6» / «ES2015», «ES7» / «ES2016», «ES2017», «ES2018», «ES2019», «ES2020» или «ESNext»:

tsc app.ts -t ES5

Удаление комментариев

По умолчанию в файлы javascript переходят все комментариии, которыми снабжен код в файлах TS. Удаление комментариев при компиляции осуществляется с помощью параметра –-removeComments :

tsc app.ts --removeComments

Установка каталога

С помощью параметра —outDir можно задать папку для хранения скомпилированных файлов js:

tsc --outDir D:\ts\js app.ts

В данном случае скомпилированный файл app.js окажется в папке D:\ts\js

Объединение файлов

Если у нас несколько файлов TS, то с помощью параметра —outFile их можно объединить в один файл js:

tsc --outFile output.js app.ts hello.ts

Здесь файлы app.ts и hello.ts скомпилируются в один файл output.js

Тип модуля

С помощью параметра —module , либо -m можно указать тип модуля, который будет использоваться для компиляции. Эта опция может принимать следующие значения: «None», «CommonJS» (значение по умолчанию, если задана версия ECMAScript «ES3» или «ES5»), «AMD», «System», «UMD», «ES2015», «ES2020» и «ESNext».

tsc -m commonjs app.ts

Несколько параметров

Если надо задать несколько параметров, то они и их значения последовательно перечисляются через пробел.

tsc -t ES5 --outDir js -m commonjs app.ts

Вызов справки

И чтобы посмотреть все доступные параметры и справку по ним, можно воспользоваться параметром -h :

Как просмотреть скомпилированный код из jQuery в чистый js?

В общем, есть разные функции написанные на jQuery и я хочу просмотреть эти же функции на чистом js ,пока не особо знаком с jQuery и не понимаю что как, а на чистом js я бы понял, так вот можно ли как нибудь просмотреть скомпилированный браузером чистый js?

  • Вопрос задан более трёх лет назад
  • 288 просмотров

1 комментарий

Простой 1 комментарий

ThunderCat

ThunderCat @ThunderCat Куратор тега JavaScript
возьмите и откройте jquery.js и смотрите что к чему. Он (внезапно!) написан на чистом js.
Решения вопроса 1

MrStan1slav

MrStan1slav @MrStan1slav
Веб-разработка

Просто начните изучать jQuery. Если вы хорошо знаете JS, то вам не составит труда догадаться, как написать функции jQuery на чистом JS. Для разогрева: https://habr.com/post/31239/

От себя могу добавить, что jQuery был востребован раньше, когда ещё чистый JS был ватный. А сейчас, когда уже давно вышел ECMAScript 8, на JS можно реализовать подавляющее большинство идей. Плюс библиотека jQuery не такая уж и маленькая по размеру и может замедлить скорость загрузки сайтов.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *