タグ別アーカイブ: 開発環境

webpackの導入とエラーたち

Published / by hihihi / Leave a Comment

node nodebrew 更新 エラー | hirokona

node nodebrew 更新 エラー

インストールにsudoが必要だった(保存先がdropboxだったから?
テストで段階踏んでお勉強で試した順にメモっとく

基本&jsバンドル編

npm i -D webpack webpack-cli

browserSyncみたいな機能を入れる
npm i -D webpack webpack-cli webpack-dev-server

babel入れる
npm install -D webpack webpack-cli babel-core babel-loader babel-preset-env

jquery入れる
npm install -S jquery

vue入れる
npm i -S vue

babel-polyfill入れる
npm install -D webpack webpack-cli babel-core babel-loader babel-preset-env babel-polyfill

sass編

css扱う用プラグイン入れる
npm i -D webpack webpack-cli style-loader css-loader

sass扱う用プラグイン入れる
npm i -D webpack webpack-cli sass-loader node-sass style-loader css-loader

css分離用プラグイン入れる
npm i -D webpack webpack-cli css-loader node-sass sass-loader extract-text-webpack-plugin@next

prefix用のプラグイン入れる
npm i -D webpack webpack-cli style-loader css-loader sass-loader node-sass postcss-loader autoprefixer

ちなみに途中でsudo入れるの面倒だったので権限変えた
osxのnpm installをsudo無しで行えるようにする – Qiita
https://qiita.com/Sugima/items/ef2848b248e898a47504

便利。