코딩/Vue.js
vue에서 운영 빌드 시 파일명 해시 없애기, 특정 파일 덮어쓰기, 환경 별 변수
타다키치
2018. 7. 5. 23:39
#해시
webpack.prod.conf.js에서
filename: utils.assetsPath('js/[name].[chunkhash].js') 등
filename으로 찾아서 [name].js 등으로 수정
# 파일 덮어쓰기
config/index.js 파일에서
// assetsRoot: path.resolve(__dirname, '../dist'),
assetsRoot: 'C:\\Users\\xxx\\yyy_scala\\zzz-web\\',
assetsSubDirectory: 'public',
// assetsSubDirectory: 'static',
로 적절하게 바꿔줌
# 환경 별 변수 지정
config.dev.env.js에서
'use strict'
const merge = require('webpack-merge')
const prodEnv = require('./prod.env')
module.exports = merge(prodEnv, {
NODE_ENV: '"development"',
ROOT_API: '"http://localhost:8282"'
})
config.prod.env.js에서
'use strict'
module.exports = {
NODE_ENV: '"production"',
ROOT_API: '""'
}
쓸 때는
axios({
method: 'post',
url: process.env.ROOT_API + '/calc/simulate',