在多个文件中import同一个文件，webpack会多次打包吗

简单,用鼠标把你要打包的文件都选上,随便在其中一个文件上面点右键,添加到压缩文件就OK了怕你不会,再教你怎么选那些文件:按住键盘Ctrl键不要放开(在键左下角),用鼠标一个一个把你要打包的文件都点上,它们都变成蓝色了那就是都选上了

1.模拟react/vue环境
第一步是安装相关webpack、babel等相关依赖以及建好目录webpack设置：
//webpack.config.js
module.exports = {
entry: './app.js',
output: {
filename: 'bundle.js'
},
module: {
loaders:[
{
test: /\.js[x]?$/,
exclude: /node_modules/,
loader: 'babel-loader?presets[]=es2015&presets[]=react'
},
]
}
}

package.json所需依赖：
//package.json
{
"name": "test",
"version": "0.0.1",
"devDependencies": {
"webpack": "^1.14.0"
},
"dependencies": {
"babel-core": "^6.21.0",
"babel-loader": "^6.2.10",
"babel-preset-es2015": "^6.18.0",
"babel-preset-react": "^6.16.0"
}
}

其他用于测试的文件：

//demo.js--相当于vue
export default {
test(argu) {
console.log(argu)
}
}

//test1.js --相当于某个组件

import demo from './demo'

export default {
test1() {
demo.test(1)
}
}

//test2.js --相当于另一个组件
import demo from './demo'

export default {
test1() {
demo.test(2)
}
}

//add.js --入口文件