webpack打包,配置路径
2017-06-21 21:19
447 查看
webpack.config.js文件的配置
正确:
这个应该之webpack1.0 和 2.0不同的原因
1.0
就可以了 ,然而 2.0需要指明文件夹
则:
这个 其实 是个小问题 但是看见这个提示 就会崩溃
看一下:
问题就在上面:
这是打包好的:
那么看一下 这个_dirname:
在任何模块文件内部,可以使用__dirname变量获取当前模块文件所在目录的完整绝对路径。
看到了吧,刚才的问题就是没有绝对路径,现在有了这个就可以了,完美~~~
打包的入口,有一个是这样的
module.exports={
entry:{
main:"./src/script/main.js",
a:"./src/script/a.js"
},
//['./src/script/main.js','./src/script/a.js'],
output:{
path: __dirname + '/dist/js',
//path: path.resolve(__dirname, './dist'),
// path:'webpack'+'/dist/js',
filename:'[name].js'
}
按理说 ,应该打包为一个文件,这个是我修改后的,
filename:'[name].js'就这个总是,不对我现在也不知道这是为什么要一定写[name].js才能通过,但是结果是俩个文件, 然而 写bundle.js就报错:
试过很多方法,但是都不对。现在结果是有了,可以还是有疑问!!!!!!!
正确:
/** * Created by Shellin on 2017/6/21. */ module.exports={ entry:'./src/script/main.js', output:{ path: __dirname + '/dist/js', //path: path.resolve(__dirname, './dist'), // path:'webpack'+'/dist/js', filename:'bundle.js' } }
这个应该之webpack1.0 和 2.0不同的原因
1.0
path:'/dist/js',
就可以了 ,然而 2.0需要指明文件夹
则:
path: __dirname + '/dist/js',
这个 其实 是个小问题 但是看见这个提示 就会崩溃
看一下:
问题就在上面:
这是打包好的:
那么看一下 这个_dirname:
在任何模块文件内部,可以使用__dirname变量获取当前模块文件所在目录的完整绝对路径。
看到了吧,刚才的问题就是没有绝对路径,现在有了这个就可以了,完美~~~
打包的入口,有一个是这样的
module.exports={
entry:{
main:"./src/script/main.js",
a:"./src/script/a.js"
},
//['./src/script/main.js','./src/script/a.js'],
output:{
path: __dirname + '/dist/js',
//path: path.resolve(__dirname, './dist'),
// path:'webpack'+'/dist/js',
filename:'[name].js'
}
按理说 ,应该打包为一个文件,这个是我修改后的,
filename:'[name].js'就这个总是,不对我现在也不知道这是为什么要一定写[name].js才能通过,但是结果是俩个文件, 然而 写bundle.js就报错:
试过很多方法,但是都不对。现在结果是有了,可以还是有疑问!!!!!!!
相关文章推荐
- 使用webpack打包的后,公共请求路径的配置问题
- webpack配置打包后图片路径出错的解决
- 使用webpack打包的后,公共请求路径的配置问题
- 使用webpack打包的后,公共请求路径的配置问题
- vue-cli中的webpack打包配置
- webpack+vuecli打包生成资源相对引用路径与背景图片的正确引用
- 14.如何解决使用webpack打包之后,font-awsome路径不对的问题,终极解决方法
- 在vue中用webpack打包之后运行文件问题以及相关配置
- vue-cli项目webpack打包后iconfont文件路径问题解决
- webpack——图片的路径与打包
- webpack项目调试以及独立打包配置文件的方法
- webpack重复打包的检查配置
- (笔记)webpack安装、配置、简单的项目打包、插件介绍
- webpack打包后直接访问页面图片路径错误的解决方法
- webpack1-打包js,并建立第一个配置文件
- 解决vue+webpack打包路径的问题
- webpack多入口文件页面打包配置详解
- webpack踩坑之路 (2)——图片的路径与打包
- webpack打包生成多个vendor的配置方法
- webpack配置:打包第三方类库、第三方类库抽离、watch自动打包、集中拷贝静态资源