課程
/前端開發
/前端工具
/Vue+Webpack打造todo應用
這是控制臺報的錯誤
2018-08-28
源自：Vue+Webpack打造todo應用 2-1
正在回答
我找到了答案，分享給大家。
只要修改webpack.config.js就可以打包了。
const path = require('path');? ?
const {VueLoaderPlugin}=require('vue-loader');??
????module.exports = {
????????entry: path.resolve(__dirname, "src/index.js"),? ?//webpack4官方絕對路徑
????devServer: {
????????contentBase: './dist'
????},
????output: {
????filename: 'bundle.js',
????????path: path.resolve(__dirname, 'dist')
????module: {
????rules: [
????????{
test: /\.vue$/,
use: [
'vue-loader'????????
]
},
{
test: /\.css$/,
'vue-style-loader',????????????????//可以不要
'style-loader',????????????????????????
'css-loader'
plugins:[
new VueLoaderPlugin()
};
第一，webpack4.x以上需要聲明production或者development模式，可以在package.json腳本中定義
第二 ,?你使用了stylus語法但沒有安裝其相關的loader
npm i css-loader style-loader? webpack打包時候只能識別js代碼 不能識別css代碼? 安裝這2個loader就可以轉化css代碼到js里面
舉報
用前端最熱門框架Vue+最火打包工具Webpack打造todo應用
1 回答npm run build 報這個錯誤是怎么回事？
5 回答npm run build報錯怎么回事
2 回答npm run build報錯，怎么回事，請大神指教
4 回答請問執行 npm run build 時出現這個錯誤是怎么回事
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2018-09-14
我找到了答案，分享給大家。
只要修改webpack.config.js就可以打包了。
const path = require('path');? ?
const {VueLoaderPlugin}=require('vue-loader');??
????module.exports = {
????????entry: path.resolve(__dirname, "src/index.js"),? ?//webpack4官方絕對路徑
????devServer: {
????????contentBase: './dist'
????},
????output: {
????filename: 'bundle.js',
????????path: path.resolve(__dirname, 'dist')
????},
????module: {
????rules: [
????????{
test: /\.vue$/,
use: [
'vue-loader'????????
]
},
{
test: /\.css$/,
use: [
'vue-style-loader',????????????????//可以不要
'style-loader',????????????????????????
'css-loader'
]
},
]
},
plugins:[
new VueLoaderPlugin()
]
};
2018-09-02
第一，webpack4.x以上需要聲明production或者development模式，可以在package.json腳本中定義
第二 ,?你使用了stylus語法但沒有安裝其相關的loader
2018-08-30
npm i css-loader style-loader? webpack打包時候只能識別js代碼 不能識別css代碼? 安裝這2個loader就可以轉化css代碼到js里面