Moment: ์›นํŒฉ ๋กœ์ผ€์ผ ์˜ค๋ฅ˜

์— ๋งŒ๋“  2017๋…„ 08์›” 17์ผ  ยท  5์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: moment/moment

๋ฌธ์ œ์— ๋Œ€ํ•œ ์„ค๋ช… ๋ฐ ์žฌํ˜„ ๋‹จ๊ณ„:

์›นํŒฉ ๊ตฌ์„ฑ ์ถ”๊ฐ€:

  resolve: {
    alias: {
      vue$: 'vue/dist/vue.esm.js',
      moment: 'moment/src/moment'
    }
  }
<script>
import moment from 'moment'
moment.locale('zh-cn'); // pack error
</script>

์‚ฌ์šฉ๋œ ๋ชจ๋“  ๋ณ€์ˆ˜์˜ ๊ฐ’์„ ํฌํ•จํ•˜์‹ญ์‹œ์˜ค.

ํ™˜๊ฒฝ:

OSX Node.js 8.4.0

ํŠนํžˆ IOT ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜๊ณผ ๊ฐ™์€ ๋น„์ •์ƒ์ ์ธ ํ™˜๊ฒฝ์ด ์žˆ๋Š” ๊ฒฝ์šฐ ๋ธŒ๋ผ์šฐ์ €์™€ OS๊ฐ€ ๋ชจ๋‘ ์ค‘์š”ํ•ฉ๋‹ˆ๋‹ค.

๋„์›€์ด ๋  ์ˆ˜ ์žˆ๋Š” ๊ธฐํƒ€ ์ •๋ณด:

  • ์ฝ”๋“œ๊ฐ€ ์‹คํ–‰ ์ค‘์ธ ์ปดํ“จํ„ฐ์˜ ์‹œ๊ฐ„๋Œ€ ์„ค์ •
  • ์ฝ”๋“œ๊ฐ€ ์‹คํ–‰๋œ ์‹œ๊ฐ„ ๋ฐ ๋‚ ์งœ
  • ์‚ฌ์šฉ ์ค‘์ธ ๊ธฐํƒ€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ(TypeScript, Immutable.js ๋“ฑ)

๋ฌธ์ œ๋ฅผ ๋ณด๊ณ ํ•˜๋Š” ๊ฒฝ์šฐ ์‚ฌ์šฉ ์ค‘์ธ ํ™˜๊ฒฝ์—์„œ ๋‹ค์Œ ์ฝ”๋“œ๋ฅผ ์‹คํ–‰ํ•˜๊ณ  ์ถœ๋ ฅ์„ ํฌํ•จํ•˜์‹ญ์‹œ์˜ค.

console.log( (new Date()).toString())
console.log((new Date()).toLocaleString())
console.log( (new Date()).getTimezoneOffset())
console.log( navigator.userAgent)
console.log(moment.version)
console.log( (new Date()).toString())
Thu Aug 17 2017 17:09:27 GMT+0800 (CST)
console.log((new Date()).toLocaleString())
2017-8-17 17:09:27
console.log( (new Date()).getTimezoneOffset())
-480
console.log( navigator.userAgent)
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3178.0 Safari/537.36
console.log(moment.version)
2.18.1

๊ท€ํ•˜์˜ ๋ฌธ์ œ๊ฐ€ ์ˆœ๊ฐ„์— ๊ณ ๋ฆฝ๋˜์–ด ์žˆ๋Š”์ง€ ํ™•์ธํ•˜์‹ญ์‹œ์˜ค.

WARNING in ./node_modules/moment/src/lib/locale/locales.js
Module not found: Error: Can't resolve './locale' in '/Users/willin/Documents/w2fs/coding-task/node_modules/moment/src/lib/locale'
 @ ./node_modules/moment/src/lib/locale/locales.js 55:12-39
 @ ./node_modules/moment/src/lib/locale/locale.js
 @ ./node_modules/moment/src/moment.js
 @ ./src/component/moment/index.js
 @ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/router/timeline/tasks.vue
 @ ./src/router/timeline/tasks.vue
 @ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/router/timeline/timeline.vue
 @ ./src/router/timeline/timeline.vue
 @ ./src/router/timeline/index.js
 @ ./src/router/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:3993 webpack/hot/dev-server ./src/main.js

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

webpack 3.6.0 + moment 2.19.0์—๋Š” ์—ฌ์ „ํžˆ ๋ฌธ์ œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

์ตœ์‹  ๋ฆด๋ฆฌ์Šค์—์„œ๋Š” ๋ฌธ์ œ๊ฐ€ ํ•ด๊ฒฐ๋˜์ง€ ์•Š์€ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค .....

๋ชจ๋“  5 ๋Œ“๊ธ€

์ด๊ฒƒ์€ #4042์—์„œ ์ˆ˜์ •๋˜์—ˆ์œผ๋ฉฐ ๋‹ค์Œ ๋ฆด๋ฆฌ์Šค์—์„œ๋Š” ๊ดœ์ฐฎ์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๊ทธ ๋™์•ˆ ์ด ๋ฌธ์ œ์— ๋Œ€ํ•œ ๊ฐ€์žฅ ์‹ ๋ขฐํ•  ์ˆ˜ ์žˆ๋Š” ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•์€ node_modules/moment ๋””๋ ‰ํ† ๋ฆฌ์—์„œ require('./locale/' + name) ๋ฅผ require('moment/locale/' + name) ๋กœ ์ˆ˜๋™์œผ๋กœ ๋ณ€๊ฒฝํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.

์ด ์ˆ˜์ • ์‚ฌํ•ญ์ด ์•„์ง ๋ฆด๋ฆฌ์Šค์— ํฌํ•จ๋˜์ง€ ์•Š์•˜์Œ์„ ๋ณ€๊ฒฝ ๋กœ๊ทธ ํŽ˜์ด์ง€์—์„œ ํ™•์ธํ–ˆ์Šต๋‹ˆ๋‹ค.

webpack 3.6.0 + moment 2.19.0์—๋Š” ์—ฌ์ „ํžˆ ๋ฌธ์ œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

์ตœ์‹  ๋ฆด๋ฆฌ์Šค์—์„œ๋Š” ๋ฌธ์ œ๊ฐ€ ํ•ด๊ฒฐ๋˜์ง€ ์•Š์€ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค .....

๋ฌธ์ œ๊ฐ€ ์žˆ๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.

๊ฐ™์€ ๋ฌธ์ œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.
4๋Œ€์˜ ์ปดํ“จํ„ฐ์—์„œ ์ž‘์—…ํ•˜๋Š” ํ”„๋กœ์ ํŠธ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ์„ค์ •ํ•˜๋ ค๋Š” ๋‹ค๋ฅธ ์ปดํ“จํ„ฐ์—์„œ ์„ค๋ช…ํ•œ ๊ฒƒ๊ณผ ๋™์ผํ•œ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค.
Webpack(2.2.1) ๋ฐ Moment(2.15.1) ๋ฒ„์ „์€ ์–ด๋””์—์„œ๋‚˜ ๋™์ผํ•ฉ๋‹ˆ๋‹ค. ๋…ธ๋“œ/Npm ์œ ์‚ฌ/๋™์ผ.

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰