webpack笔记

一点点记录使用webapck时候的注意点

webpack里publicPath目录

http://www.jianshu.com/p/271f93b8c051

后来我实践了下，发现这个publicPath是相对于输出的index.html文件来确定路径的

output:{
	path:path.join(__dirname,'dist'),
	publicPath:'../',
	filename:'js/[name].js',
	chunkFilename:'js/[id].chunk.js'
}

最后得到的文件路径是这样的：

<link href="../css/index.css?796f1bbc03aeaec41991" rel="stylesheet">
<script src="../js/index.js?796f1bbc03aeaec41991"></script>

文件夹的目录如下：

然而，如果我把publicPath改为下面这样：

output:{
	path:path.join(__dirname,'dist'),
	publicPath:'webpack/dist/',
	filename:'js/[name].js',
	chunkFilename:'js/[id].chunk.js'
}

这是他就会报错，显示获取不到该文件：
;
注意看那个文件的路径是怎样的！
file:///F:/webpack/webpackLearn/webpack3/dist/view/webpack/dist/css/index.css?9adcd4e2701214d4168a Failed to load resource: net::ERR_FILE_NOT_FOUND
他是直接在view目录下开始对应我们的那个publicPath里设置的目录了,自然找不到该文件了。