https://github.com/oti/boilerplate_npm
build with npm run-script
https://github.com/oti/boilerplate_npm
Last synced: 3 months ago
JSON representation
build with npm run-script
- Host: GitHub
- URL: https://github.com/oti/boilerplate_npm
- Owner: oti
- Created: 2018-07-11T08:19:28.000Z (almost 8 years ago)
- Default Branch: main
- Last Pushed: 2023-10-03T21:58:59.000Z (over 2 years ago)
- Last Synced: 2025-01-22T22:32:25.756Z (over 1 year ago)
- Language: SCSS
- Homepage:
- Size: 2.45 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
Awesome Lists containing this project
README
# npm run-script Web Dev Boilerplate
タスクランナーを使わずに npm run-script でビルドするウェブサイト開発環境のボイラープレートです。
dependencies の過不足は適宜処理してください。
## [v1.0.2](https://github.com/oti/boilerplate_npm/releases/tag/1.0.2)
Node.js v8.11.3 利用
- HTML: EJS
- CSS: Sass, Autoprefixer, mq-packer
- JS: uglifyjs(**non-bundle, non-compile**)
## [v2.5.0](https://github.com/oti/boilerplate_npm/releases/tag/2.5.0)
Node.js v12.18.0 利用
- HTML: EJS, Pug
- CSS: node-sass, Autoprefixer, mq-packer, csso
- JS: **TypesSript, Babel, webpack**
JS の IE11 対応はエントリーポイントに
```
// for IE11
import "core-js/stable";
import "regenerator-runtime/runtime";
```
を追加して対応しています。
TypeScript ですがポリフィルが `.js` だったりするので、`webpack.config.js` の `resolve` フィールドに `extensions: [".js", ".ts"],` としています。
```
module.exports = {
mode: "production",
entry: {
script: "./src/script/script.ts",
},
output: {
filename: "[name].js",
path: __dirname + "/dist/script",
},
module: {
rules: [
{
test: /\.ts$/,
use: "ts-loader",
},
],
},
resolve: {
extensions: [".js", ".ts"],
},
};
```
`@babel/preset-env` などはなくても IE11 対応できました。何かおかしかったら issue へお願いします。
## [v3.4.0](https://github.com/oti/boilerplate_npm/releases/tag/3.4.0)
Node.js v18.13.0 利用
- HTML: EJS, Pug
- CSS: node-sass, Autoprefixer, mq-packer, csso
- JS: **TypesSript, Babel, webpack**
依存技術は v2 と変わりません。実行環境が Node v18 なだけです。
## [v4.x](https://github.com/oti/boilerplate_npm/releases/tag/4.0.0)
Node.js v24.14.0 利用
- HTML: EJS, Pug
- CSS: sass, Autoprefixer, mq-packer, csso
- JS: **TypesSript, Babel, webpack**
## development
```bash
ndenv install 24.14.0
ndenv rehash
```
```bash
npm ci
npm start
```
`localhost:3000` が起動します。
## build
```bash
npm run build
```
`dist/` にビルドされます。
## test
```bash
npm test
```
- markuplint
- stylelint
が実行されます。
## format
```bash
npm run pretty-quick
```
設定ファイルはありません。Prettier のデフォルトに従います。